@leankylin-sheet/react 5.2.18 → 5.2.20

package/dist/components/CellTipRender/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.css";
+declare const CellTipRender: React.FC;
+export default CellTipRender;

package/dist/components/Workbook/api.d.ts

@@ -119,6 +119,7 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     }[]) => void;
     handleUndo: () => void;
     handleRedo: () => void;
+    updateFunctionGroup: () => void;
     calculateFormula: (sheetId?: string, isrefresh?: boolean) => void;
     calculateSheetByCells: (cells: any) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];

package/dist/components/Workbook/index.d.ts

@@ -18,13 +18,13 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     createFilter: () => void;
     createFilterOptions: (range: any, sheetId: string, filterObj: any, saveData: boolean) => void;
     getCellValue: (row: number, column: number, options?: import("@leankylin-sheet/core/dist/api").CommonOptions & {
-        type?: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | keyof import("@leankylin-sheet/core").CellStyle | undefined;
+        type?: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | "tip" | keyof import("@leankylin-sheet/core").CellStyle | undefined;
     }) => any;
     setCellValue: (row: number, column: number, value: any, options?: import("@leankylin-sheet/core/dist/api").CommonOptions & {
-        type?: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | keyof import("@leankylin-sheet/core").CellStyle | undefined;
+        type?: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | "tip" | keyof import("@leankylin-sheet/core").CellStyle | undefined;
     }) => void;
     clearCell: (row: number, column: number, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
-    setCellFormat: (row: number, column: number, attr: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | keyof import("@leankylin-sheet/core").CellStyle, value: any, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
+    setCellFormat: (row: number, column: number, attr: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | "tip" | keyof import("@leankylin-sheet/core").CellStyle, value: any, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
     autoFillCell: (copyRange: import("@leankylin-sheet/core").SingleRange, applyRange: import("@leankylin-sheet/core").SingleRange, direction: "up" | "down" | "left" | "right") => void;
     freeze: (type: "row" | "column" | "both", range: {
         row: number;
@@ -56,7 +56,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     setSelection: (range: import("@leankylin-sheet/core").Range, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
     setCellValuesByRange: (data: any[][], range: import("@leankylin-sheet/core").SingleRange, options?: import("@leankylin-sheet/core/dist/api").CommonOptions, setMerge?: boolean) => void;
     setCellValues: (data: any[]) => void;
-    setCellFormatByRange: (attr: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | keyof import("@leankylin-sheet/core").CellStyle, value: any, range: import("@leankylin-sheet/core").SingleRange | import("@leankylin-sheet/core").Range, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
+    setCellFormatByRange: (attr: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | "tip" | keyof import("@leankylin-sheet/core").CellStyle, value: any, range: import("@leankylin-sheet/core").SingleRange | import("@leankylin-sheet/core").Range, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
     mergeCells: (ranges: import("@leankylin-sheet/core").Range, type: string, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
     cancelMerge: (ranges: import("@leankylin-sheet/core").Range, options?: import("@leankylin-sheet/core/dist/api").CommonOptions) => void;
     getAllSheets: () => SheetType[];
@@ -127,6 +127,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     }[]) => void;
     handleUndo: () => void;
     handleRedo: () => void;
+    updateFunctionGroup: () => void;
     calculateFormula: (sheetId?: string | undefined, isrefresh?: boolean) => void;
     calculateSheetByCells: (cells: any) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];

package/dist/index.css

@@ -2018,6 +2018,19 @@ html::-webkit-scrollbar-button {
 .leankylin-cell-option-item{
     pointer-events: all;
 }
+.leankylin-cell-tip{
+    position: absolute;
+    left: 46px;
+    top: 20px;
+    z-index: 1;
+    width: calc(100% - 46px);
+    height: calc(100% - 20px);
+    overflow: hidden;
+    pointer-events: none;
+}
+.leankylin-cell-tip-item{
+    pointer-events: all;
+}
 .leankylin-toolbar {
   display: flex;
   flex-direction: row;

package/dist/index.esm.css

@@ -2018,6 +2018,19 @@ html::-webkit-scrollbar-button {
 .leankylin-cell-option-item{
     pointer-events: all;
 }
+.leankylin-cell-tip{
+    position: absolute;
+    left: 46px;
+    top: 20px;
+    z-index: 1;
+    width: calc(100% - 46px);
+    height: calc(100% - 20px);
+    overflow: hidden;
+    pointer-events: none;
+}
+.leankylin-cell-tip-item{
+    pointer-events: all;
+}
 .leankylin-toolbar {
   display: flex;
   flex-direction: row;

package/dist/index.esm.js

@@ -3568,7 +3568,11 @@ var CellOptions = function CellOptions() {
   var currentSheet = context.luckysheetfile[getSheetIndex(context, context.currentSheetId)];
   var cellOptions = currentSheet.cellOptions;
   return /*#__PURE__*/React.createElement("div", {
-    className: "leankylin-cell-option"
+    className: "leankylin-cell-option",
+    style: {
+      left: context.rowHeaderWidth,
+      top: context.columnHeaderHeight
+    }
   }, cellOptions === null || cellOptions === void 0 ? void 0 : cellOptions.map(function (item) {
     var _refs$globalCache$fre, _refs$globalCache$fre2, _refs$globalCache$fre3, _refs$globalCache$fre4, _refs$globalCache$fre5, _refs$globalCache$fre6, _refs$globalCache$fre7, _refs$globalCache$fre8, _refs$globalCache$fre9, _refs$globalCache$fre10, _item$render, _settings$renderCellO;
     var _colLocationByIndex = colLocationByIndex(item.c, context.visibledatacolumn),
@@ -3591,6 +3595,7 @@ var CellOptions = function CellOptions() {
     }
     return /*#__PURE__*/React.createElement("div", {
       className: "leankylin-cell-option-item",
+      key: "".concat(item.r, "-").concat(item.c),
       style: _objectSpread2({
         position: "absolute",
         left: _left,
@@ -3602,6 +3607,70 @@ var CellOptions = function CellOptions() {
   }));
 };
 
+var CellTipRender = function CellTipRender() {
+  var _useContext = useContext(WorkbookContext),
+    context = _useContext.context,
+    refs = _useContext.refs,
+    settings = _useContext.settings;
+  var currentSheet = context.luckysheetfile[getSheetIndex(context, context.currentSheetId)];
+  var list = useMemo(function () {
+    var _list = [];
+    var data = (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.data) || [];
+    for (var rIndex = 0; rIndex < data.length; rIndex++) {
+      var rows = data[rIndex];
+      for (var cIndex = 0; cIndex < rows.length; cIndex++) {
+        var cell = rows[cIndex];
+        if (cell === null || cell === void 0 ? void 0 : cell.tip) {
+          _list.push({
+            r: rIndex,
+            c: cIndex,
+            tip: cell.tip
+          });
+        }
+      }
+    }
+    return _list;
+  }, [currentSheet.data]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "leankylin-cell-tip",
+    style: {
+      left: context.rowHeaderWidth,
+      top: context.columnHeaderHeight
+    }
+  }, list === null || list === void 0 ? void 0 : list.map(function (item) {
+    var _refs$globalCache$fre, _refs$globalCache$fre2, _refs$globalCache$fre3, _refs$globalCache$fre4, _refs$globalCache$fre5, _refs$globalCache$fre6, _refs$globalCache$fre7, _refs$globalCache$fre8, _refs$globalCache$fre9, _refs$globalCache$fre10, _settings$renderCellT;
+    var _colLocationByIndex = colLocationByIndex(item.c, context.visibledatacolumn),
+      _colLocationByIndex2 = _slicedToArray(_colLocationByIndex, 2),
+      left = _colLocationByIndex2[0],
+      right = _colLocationByIndex2[1];
+    var _rowLocationByIndex = rowLocationByIndex(item.r, context.visibledatarow),
+      _rowLocationByIndex2 = _slicedToArray(_rowLocationByIndex, 2),
+      top = _rowLocationByIndex2[0],
+      bottom = _rowLocationByIndex2[1];
+    var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, item.c, item.c, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
+    var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, item.r, item.r, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
+    var freezenRowIndex = ((_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : (_refs$globalCache$fre4 = _refs$globalCache$fre3[context.currentSheetId]) === null || _refs$globalCache$fre4 === void 0 ? void 0 : (_refs$globalCache$fre5 = _refs$globalCache$fre4.horizontal) === null || _refs$globalCache$fre5 === void 0 ? void 0 : (_refs$globalCache$fre6 = _refs$globalCache$fre5.freezenhorizontaldata) === null || _refs$globalCache$fre6 === void 0 ? void 0 : _refs$globalCache$fre6[1]) || 0;
+    var freezenColIndex = ((_refs$globalCache$fre7 = refs.globalCache.freezen) === null || _refs$globalCache$fre7 === void 0 ? void 0 : (_refs$globalCache$fre8 = _refs$globalCache$fre7[context.currentSheetId]) === null || _refs$globalCache$fre8 === void 0 ? void 0 : (_refs$globalCache$fre9 = _refs$globalCache$fre8.vertical) === null || _refs$globalCache$fre9 === void 0 ? void 0 : (_refs$globalCache$fre10 = _refs$globalCache$fre9.freezenverticaldata) === null || _refs$globalCache$fre10 === void 0 ? void 0 : _refs$globalCache$fre10[1]) || 0;
+    var _top = freezenRowIndex > item.r ? top : top - (context.scrollTop || 0);
+    var otherStyles = {};
+    var _left = freezenColIndex > item.c ? left : left - (context.scrollLeft || 0);
+    if (rowOverflowFreezeStyle.display || columnOverflowFreezeStyle.display) {
+      otherStyles.display = rowOverflowFreezeStyle.display || columnOverflowFreezeStyle.display;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "leankylin-cell-tip-item",
+      key: "".concat(item.r, "-").concat(item.c),
+      style: _objectSpread2({
+        position: "absolute",
+        left: _left,
+        top: _top,
+        width: right - left,
+        height: bottom - top
+      }, otherStyles)
+    }, settings === null || settings === void 0 ? void 0 : (_settings$renderCellT = settings.renderCellTip) === null || _settings$renderCellT === void 0 ? void 0 : _settings$renderCellT.call(settings, item));
+  }));
+};
+
 var SheetOverlay = function SheetOverlay() {
   var _refs$cellArea$curren, _refs$cellArea$curren2, _context$luckysheet_s, _context$luckysheet_s2, _context$luckysheet_s3, _context$luckysheet_s4, _context$luckysheet_s5, _context$luckysheet_s6, _context$presences$le, _context$presences, _context$linkCard, _context$rangeDialog;
   var _useContext = useContext(WorkbookContext),
@@ -3803,7 +3872,7 @@ var SheetOverlay = function SheetOverlay() {
     axis: "x"
   }), /*#__PURE__*/React.createElement(ScrollBar, {
     axis: "y"
-  }), /*#__PURE__*/React.createElement(CellOptions, null), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement(CellOptions, null), (settings === null || settings === void 0 ? void 0 : settings.renderCellTip) && /*#__PURE__*/React.createElement(CellTipRender, null), /*#__PURE__*/React.createElement("div", {
     ref: refs.cellArea,
     className: "leankylin-cell-area",
     onMouseDown: cellAreaMouseDown,
@@ -10276,6 +10345,11 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     handleUndo: handleUndo,
     handleRedo: handleRedo,
+    updateFunctionGroup: function updateFunctionGroup() {
+      return setContext(function (draftCtx) {
+        api.updateFunctionGroup(draftCtx);
+      });
+    },
     calculateFormula: function calculateFormula(sheetId) {
       var isrefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       setContext(function (draftCtx) {

package/dist/index.js

@@ -3578,7 +3578,11 @@ var CellOptions = function CellOptions() {
   var currentSheet = context.luckysheetfile[core.getSheetIndex(context, context.currentSheetId)];
   var cellOptions = currentSheet.cellOptions;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "leankylin-cell-option"
+    className: "leankylin-cell-option",
+    style: {
+      left: context.rowHeaderWidth,
+      top: context.columnHeaderHeight
+    }
   }, cellOptions === null || cellOptions === void 0 ? void 0 : cellOptions.map(function (item) {
     var _refs$globalCache$fre, _refs$globalCache$fre2, _refs$globalCache$fre3, _refs$globalCache$fre4, _refs$globalCache$fre5, _refs$globalCache$fre6, _refs$globalCache$fre7, _refs$globalCache$fre8, _refs$globalCache$fre9, _refs$globalCache$fre10, _item$render, _settings$renderCellO;
     var _colLocationByIndex = core.colLocationByIndex(item.c, context.visibledatacolumn),
@@ -3601,6 +3605,7 @@ var CellOptions = function CellOptions() {
     }
     return /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-cell-option-item",
+      key: "".concat(item.r, "-").concat(item.c),
       style: _objectSpread2({
         position: "absolute",
         left: _left,
@@ -3612,6 +3617,70 @@ var CellOptions = function CellOptions() {
   }));
 };
 
+var CellTipRender = function CellTipRender() {
+  var _useContext = React.useContext(WorkbookContext),
+    context = _useContext.context,
+    refs = _useContext.refs,
+    settings = _useContext.settings;
+  var currentSheet = context.luckysheetfile[core.getSheetIndex(context, context.currentSheetId)];
+  var list = React.useMemo(function () {
+    var _list = [];
+    var data = (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.data) || [];
+    for (var rIndex = 0; rIndex < data.length; rIndex++) {
+      var rows = data[rIndex];
+      for (var cIndex = 0; cIndex < rows.length; cIndex++) {
+        var cell = rows[cIndex];
+        if (cell === null || cell === void 0 ? void 0 : cell.tip) {
+          _list.push({
+            r: rIndex,
+            c: cIndex,
+            tip: cell.tip
+          });
+        }
+      }
+    }
+    return _list;
+  }, [currentSheet.data]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "leankylin-cell-tip",
+    style: {
+      left: context.rowHeaderWidth,
+      top: context.columnHeaderHeight
+    }
+  }, list === null || list === void 0 ? void 0 : list.map(function (item) {
+    var _refs$globalCache$fre, _refs$globalCache$fre2, _refs$globalCache$fre3, _refs$globalCache$fre4, _refs$globalCache$fre5, _refs$globalCache$fre6, _refs$globalCache$fre7, _refs$globalCache$fre8, _refs$globalCache$fre9, _refs$globalCache$fre10, _settings$renderCellT;
+    var _colLocationByIndex = core.colLocationByIndex(item.c, context.visibledatacolumn),
+      _colLocationByIndex2 = _slicedToArray(_colLocationByIndex, 2),
+      left = _colLocationByIndex2[0],
+      right = _colLocationByIndex2[1];
+    var _rowLocationByIndex = core.rowLocationByIndex(item.r, context.visibledatarow),
+      _rowLocationByIndex2 = _slicedToArray(_rowLocationByIndex, 2),
+      top = _rowLocationByIndex2[0],
+      bottom = _rowLocationByIndex2[1];
+    var columnOverflowFreezeStyle = core.fixColumnStyleOverflowInFreeze(context, item.c, item.c, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
+    var rowOverflowFreezeStyle = core.fixRowStyleOverflowInFreeze(context, item.r, item.r, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
+    var freezenRowIndex = ((_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : (_refs$globalCache$fre4 = _refs$globalCache$fre3[context.currentSheetId]) === null || _refs$globalCache$fre4 === void 0 ? void 0 : (_refs$globalCache$fre5 = _refs$globalCache$fre4.horizontal) === null || _refs$globalCache$fre5 === void 0 ? void 0 : (_refs$globalCache$fre6 = _refs$globalCache$fre5.freezenhorizontaldata) === null || _refs$globalCache$fre6 === void 0 ? void 0 : _refs$globalCache$fre6[1]) || 0;
+    var freezenColIndex = ((_refs$globalCache$fre7 = refs.globalCache.freezen) === null || _refs$globalCache$fre7 === void 0 ? void 0 : (_refs$globalCache$fre8 = _refs$globalCache$fre7[context.currentSheetId]) === null || _refs$globalCache$fre8 === void 0 ? void 0 : (_refs$globalCache$fre9 = _refs$globalCache$fre8.vertical) === null || _refs$globalCache$fre9 === void 0 ? void 0 : (_refs$globalCache$fre10 = _refs$globalCache$fre9.freezenverticaldata) === null || _refs$globalCache$fre10 === void 0 ? void 0 : _refs$globalCache$fre10[1]) || 0;
+    var _top = freezenRowIndex > item.r ? top : top - (context.scrollTop || 0);
+    var otherStyles = {};
+    var _left = freezenColIndex > item.c ? left : left - (context.scrollLeft || 0);
+    if (rowOverflowFreezeStyle.display || columnOverflowFreezeStyle.display) {
+      otherStyles.display = rowOverflowFreezeStyle.display || columnOverflowFreezeStyle.display;
+    }
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "leankylin-cell-tip-item",
+      key: "".concat(item.r, "-").concat(item.c),
+      style: _objectSpread2({
+        position: "absolute",
+        left: _left,
+        top: _top,
+        width: right - left,
+        height: bottom - top
+      }, otherStyles)
+    }, settings === null || settings === void 0 ? void 0 : (_settings$renderCellT = settings.renderCellTip) === null || _settings$renderCellT === void 0 ? void 0 : _settings$renderCellT.call(settings, item));
+  }));
+};
+
 var SheetOverlay = function SheetOverlay() {
   var _refs$cellArea$curren, _refs$cellArea$curren2, _context$luckysheet_s, _context$luckysheet_s2, _context$luckysheet_s3, _context$luckysheet_s4, _context$luckysheet_s5, _context$luckysheet_s6, _context$presences$le, _context$presences, _context$linkCard, _context$rangeDialog;
   var _useContext = React.useContext(WorkbookContext),
@@ -3813,7 +3882,7 @@ var SheetOverlay = function SheetOverlay() {
     axis: "x"
   }), /*#__PURE__*/React__default['default'].createElement(ScrollBar, {
     axis: "y"
-  }), /*#__PURE__*/React__default['default'].createElement(CellOptions, null), /*#__PURE__*/React__default['default'].createElement("div", {
+  }), /*#__PURE__*/React__default['default'].createElement(CellOptions, null), (settings === null || settings === void 0 ? void 0 : settings.renderCellTip) && /*#__PURE__*/React__default['default'].createElement(CellTipRender, null), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: refs.cellArea,
     className: "leankylin-cell-area",
     onMouseDown: cellAreaMouseDown,
@@ -10286,6 +10355,11 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     handleUndo: handleUndo,
     handleRedo: handleRedo,
+    updateFunctionGroup: function updateFunctionGroup() {
+      return setContext(function (draftCtx) {
+        core.api.updateFunctionGroup(draftCtx);
+      });
+    },
     calculateFormula: function calculateFormula(sheetId) {
       var isrefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       setContext(function (draftCtx) {

package/dist/index.umd.css

@@ -2018,6 +2018,19 @@ html::-webkit-scrollbar-button {
 .leankylin-cell-option-item{
     pointer-events: all;
 }
+.leankylin-cell-tip{
+    position: absolute;
+    left: 46px;
+    top: 20px;
+    z-index: 1;
+    width: calc(100% - 46px);
+    height: calc(100% - 20px);
+    overflow: hidden;
+    pointer-events: none;
+}
+.leankylin-cell-tip-item{
+    pointer-events: all;
+}
 .leankylin-toolbar {
   display: flex;
   flex-direction: row;

package/dist/index.umd.js

@@ -108447,7 +108447,11 @@
     var currentSheet = context.luckysheetfile[getSheetIndex(context, context.currentSheetId)];
     var cellOptions = currentSheet.cellOptions;
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "leankylin-cell-option"
+      className: "leankylin-cell-option",
+      style: {
+        left: context.rowHeaderWidth,
+        top: context.columnHeaderHeight
+      }
     }, cellOptions === null || cellOptions === void 0 ? void 0 : cellOptions.map(function (item) {
       var _refs$globalCache$fre, _refs$globalCache$fre2, _refs$globalCache$fre3, _refs$globalCache$fre4, _refs$globalCache$fre5, _refs$globalCache$fre6, _refs$globalCache$fre7, _refs$globalCache$fre8, _refs$globalCache$fre9, _refs$globalCache$fre10, _item$render, _settings$renderCellO;
       var _colLocationByIndex = colLocationByIndex(item.c, context.visibledatacolumn),
@@ -108470,6 +108474,7 @@
       }
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "leankylin-cell-option-item",
+        key: "".concat(item.r, "-").concat(item.c),
         style: _objectSpread2({
           position: "absolute",
           left: _left,
@@ -108481,6 +108486,70 @@
     }));
   };
 
+  var CellTipRender = function CellTipRender() {
+    var _useContext = React.useContext(WorkbookContext),
+      context = _useContext.context,
+      refs = _useContext.refs,
+      settings = _useContext.settings;
+    var currentSheet = context.luckysheetfile[getSheetIndex(context, context.currentSheetId)];
+    var list = React.useMemo(function () {
+      var _list = [];
+      var data = (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.data) || [];
+      for (var rIndex = 0; rIndex < data.length; rIndex++) {
+        var rows = data[rIndex];
+        for (var cIndex = 0; cIndex < rows.length; cIndex++) {
+          var cell = rows[cIndex];
+          if (cell === null || cell === void 0 ? void 0 : cell.tip) {
+            _list.push({
+              r: rIndex,
+              c: cIndex,
+              tip: cell.tip
+            });
+          }
+        }
+      }
+      return _list;
+    }, [currentSheet.data]);
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "leankylin-cell-tip",
+      style: {
+        left: context.rowHeaderWidth,
+        top: context.columnHeaderHeight
+      }
+    }, list === null || list === void 0 ? void 0 : list.map(function (item) {
+      var _refs$globalCache$fre, _refs$globalCache$fre2, _refs$globalCache$fre3, _refs$globalCache$fre4, _refs$globalCache$fre5, _refs$globalCache$fre6, _refs$globalCache$fre7, _refs$globalCache$fre8, _refs$globalCache$fre9, _refs$globalCache$fre10, _settings$renderCellT;
+      var _colLocationByIndex = colLocationByIndex(item.c, context.visibledatacolumn),
+        _colLocationByIndex2 = _slicedToArray(_colLocationByIndex, 2),
+        left = _colLocationByIndex2[0],
+        right = _colLocationByIndex2[1];
+      var _rowLocationByIndex = rowLocationByIndex(item.r, context.visibledatarow),
+        _rowLocationByIndex2 = _slicedToArray(_rowLocationByIndex, 2),
+        top = _rowLocationByIndex2[0],
+        bottom = _rowLocationByIndex2[1];
+      var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, item.c, item.c, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
+      var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, item.r, item.r, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
+      var freezenRowIndex = ((_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : (_refs$globalCache$fre4 = _refs$globalCache$fre3[context.currentSheetId]) === null || _refs$globalCache$fre4 === void 0 ? void 0 : (_refs$globalCache$fre5 = _refs$globalCache$fre4.horizontal) === null || _refs$globalCache$fre5 === void 0 ? void 0 : (_refs$globalCache$fre6 = _refs$globalCache$fre5.freezenhorizontaldata) === null || _refs$globalCache$fre6 === void 0 ? void 0 : _refs$globalCache$fre6[1]) || 0;
+      var freezenColIndex = ((_refs$globalCache$fre7 = refs.globalCache.freezen) === null || _refs$globalCache$fre7 === void 0 ? void 0 : (_refs$globalCache$fre8 = _refs$globalCache$fre7[context.currentSheetId]) === null || _refs$globalCache$fre8 === void 0 ? void 0 : (_refs$globalCache$fre9 = _refs$globalCache$fre8.vertical) === null || _refs$globalCache$fre9 === void 0 ? void 0 : (_refs$globalCache$fre10 = _refs$globalCache$fre9.freezenverticaldata) === null || _refs$globalCache$fre10 === void 0 ? void 0 : _refs$globalCache$fre10[1]) || 0;
+      var _top = freezenRowIndex > item.r ? top : top - (context.scrollTop || 0);
+      var otherStyles = {};
+      var _left = freezenColIndex > item.c ? left : left - (context.scrollLeft || 0);
+      if (rowOverflowFreezeStyle.display || columnOverflowFreezeStyle.display) {
+        otherStyles.display = rowOverflowFreezeStyle.display || columnOverflowFreezeStyle.display;
+      }
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "leankylin-cell-tip-item",
+        key: "".concat(item.r, "-").concat(item.c),
+        style: _objectSpread2({
+          position: "absolute",
+          left: _left,
+          top: _top,
+          width: right - left,
+          height: bottom - top
+        }, otherStyles)
+      }, settings === null || settings === void 0 ? void 0 : (_settings$renderCellT = settings.renderCellTip) === null || _settings$renderCellT === void 0 ? void 0 : _settings$renderCellT.call(settings, item));
+    }));
+  };
+
   var SheetOverlay = function SheetOverlay() {
     var _refs$cellArea$curren, _refs$cellArea$curren2, _context$luckysheet_s, _context$luckysheet_s2, _context$luckysheet_s3, _context$luckysheet_s4, _context$luckysheet_s5, _context$luckysheet_s6, _context$presences$le, _context$presences, _context$linkCard, _context$rangeDialog;
     var _useContext = React.useContext(WorkbookContext),
@@ -108682,7 +108751,7 @@
       axis: "x"
     }), /*#__PURE__*/React__default['default'].createElement(ScrollBar, {
       axis: "y"
-    }), /*#__PURE__*/React__default['default'].createElement(CellOptions, null), /*#__PURE__*/React__default['default'].createElement("div", {
+    }), /*#__PURE__*/React__default['default'].createElement(CellOptions, null), (settings === null || settings === void 0 ? void 0 : settings.renderCellTip) && /*#__PURE__*/React__default['default'].createElement(CellTipRender, null), /*#__PURE__*/React__default['default'].createElement("div", {
       ref: refs.cellArea,
       className: "leankylin-cell-area",
       onMouseDown: cellAreaMouseDown,
@@ -115155,6 +115224,11 @@
       },
       handleUndo: handleUndo,
       handleRedo: handleRedo,
+      updateFunctionGroup: function updateFunctionGroup() {
+        return setContext(function (draftCtx) {
+          index.updateFunctionGroup(draftCtx);
+        });
+      },
       calculateFormula: function calculateFormula(sheetId) {
         var isrefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         setContext(function (draftCtx) {