@fileverse-dev/fortune-react 1.1.99-patch-6 → 1.1.99-patch-2

package/es/components/Toolbar/index.js

@@ -124,7 +124,7 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
 };
 import React, { useContext, useCallback, useRef, useEffect, useState } from "react";
 import { toolbarItemClickHandler, handleTextBackground, handleTextColor, handleTextSize, normalizedCellAttr, getFlowdata, newComment, editComment, deleteComment, showHideComment, showHideAllComments, autoSelectionFormula, handleSum, locale, handleMerge, handleBorder, toolbarItemSelectedFunc, handleFreeze, insertImage, showImgChooser, updateFormat, handleSort, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, createFilter, clearFilter, applyLocation, insertDuneChart } from "@fileverse-dev/fortune-core";
-import { api } from "@fileverse-dev/fortune-core";
+import { setSelection, getSelection } from "@fileverse-dev/fortune-core/src/api";
 import _ from "lodash";
 import { IconButton, LucideIcon, Tooltip, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "@fileverse/ui";
 import DataVerificationPortal from "./dataVerificationPortal";
@@ -588,27 +588,6 @@ var Toolbar = function Toolbar(_a) {
   var _o = useState(false),
     showDataValidation = _o[0],
     setShowDataValidation = _o[1];
-  var dataVerificationClick = function dataVerificationClick() {
-    var _a;
-    var selection = api.getSelection(context);
-    if (!selection) {
-      setContext(function (ctx) {
-        api.setSelection(ctx, [{
-          row: [0, 0],
-          column: [0, 0]
-        }], {
-          id: context.currentSheetId
-        });
-      });
-    }
-    (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
-    setTimeout(function () {
-      setShowDataValidation(true);
-    }, 100);
-  };
-  useEffect(function () {
-    window.dataVerificationClick = dataVerificationClick;
-  }, []);
   var getToolbarItem = useCallback(function (name, i) {
     var _a, _b, _c, _d, _e, _f, _g;
     var tooltip = toolbar[name];
@@ -991,7 +970,24 @@ var Toolbar = function Toolbar(_a) {
         iconId: name,
         tooltip: tooltip,
         key: name,
-        onClick: dataVerificationClick
+        onClick: function onClick() {
+          var _a;
+          var selection = getSelection(context);
+          if (!selection) {
+            setContext(function (ctx) {
+              setSelection(ctx, [{
+                row: [0, 0],
+                column: [0, 0]
+              }], {
+                id: context.currentSheetId
+              });
+            });
+          }
+          (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
+          setTimeout(function () {
+            setShowDataValidation(true);
+          }, 100);
+        }
       }));
     }
     if (name === "locationCondition") {

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

@@ -57,7 +57,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     getHtmlByRange: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => string | null;
     setSelection: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
     setCellValuesByRange: (data: any[][], range: import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
-    setCellFormatByRange: (attr: "error" | "rt" | "f" | "m" | "v" | "mc" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").Range | import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
+    setCellFormatByRange: (attr: "error" | "rt" | "f" | "m" | "v" | "mc" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").SingleRange | import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
     mergeCells: (ranges: import("@fileverse-dev/fortune-core").Range, type: string, options?: api.CommonOptions) => void;
     cancelMerge: (ranges: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
     getAllSheets: () => SheetType[];

package/es/components/Workbook/index.js

@@ -647,11 +647,6 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         }
       });
     }
-    setContextWithProduce(function (ctx) {
-      if (ctx.luckysheet_selection_range) {
-        ctx.luckysheet_selection_range = [];
-      }
-    });
   }, [context, setContextWithProduce]);
   var onMoreToolbarItemsClose = useCallback(function () {
     setMoreToolbarItems(null);

package/lib/components/ContextMenu/index.js

@@ -642,7 +642,7 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/_react.default.createElement("div", null, rightclick.deleteSelected, rightclick.row))));
     }
     if (name === "hide-row") {
-      return (selection === null || selection === void 0 ? void 0 : selection.row_select) && ["hideSelected", "showHide"].map(function (item) {
+      return (selection === null || selection === void 0 ? void 0 : selection.row_select) === true && ["hideSelected", "showHide"].map(function (item) {
         return /*#__PURE__*/_react.default.createElement(_Menu.default, {
           key: item,
           onClick: function onClick() {
@@ -1086,7 +1086,7 @@ var ContextMenu = function ContextMenu() {
       left: contextMenu.x,
       top: contextMenu.y
     }
-  }, context.contextMenu.headerMenu === true || context.contextMenu.headerMenu === "row" ? settings.headerContextMenu.map(function (menu, i) {
+  }, context.contextMenu.headerMenu === true ? settings.headerContextMenu.map(function (menu, i) {
     return getMenuElement(menu, i);
   }) : settings.cellContextMenu.map(function (menu, i) {
     return getMenuElement(menu, i);

package/lib/components/DataVerification/ColorPicker.js

@@ -65,9 +65,7 @@ var ColorSection = exports.ColorSection = function ColorSection(_a) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "flex items-center justify-between  color-picker rounded transition-all cursor-pointer border border-gray-300",
     style: {
-      padding: "7px",
-      border: "var(--border-width-md, 1px) solid hsl(var(--color-border-default, #E8EBEC))",
-      borderRadius: "var(--border-radius-sm, 4px)"
+      padding: "7px"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "flex items-center gap-3 color-text-secondary"
@@ -82,7 +80,7 @@ var ColorSection = exports.ColorSection = function ColorSection(_a) {
   })))), /*#__PURE__*/_react.default.createElement(_ui.PopoverContent, {
     align: "start",
     alignOffset: 0,
-    className: "color-picker-container",
+    className: "w-[200px] export-content-popover",
     elevation: 2,
     side: "bottom",
     sideOffset: 4
@@ -91,40 +89,18 @@ var ColorSection = exports.ColorSection = function ColorSection(_a) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "flex gap-2 flex-wrap w-full"
   }, TEXT_COLORS.map(function (color) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: color.value,
-      className: "w-7 h-7 rounded-full transition-all hover:scale-110 hover:shadow-md",
-      style: {
-        border: "".concat(color.value) === trigerColor ? "2px solid rgb(".concat(color.value, ")") : "none",
-        padding: "2px"
-      }
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    return /*#__PURE__*/_react.default.createElement("button", {
       type: "button",
       key: color.value,
       onClick: function onClick() {
         onPick(color.value);
         setIsOpen(false);
       },
-      className: "w-full h-full rounded-full transition-all hover:scale-110 hover:shadow-md",
+      className: "w-7 h-7 rounded-full transition-all hover:scale-110 hover:shadow-md",
       style: {
         backgroundColor: "rgb(".concat(color.value, ")")
       },
       title: color.name
-    }));
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full flex justify-center",
-    onClick: function onClick() {
-      onPick("228, 232, 237");
-      setIsOpen(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
-    icon: "DropletOff",
-    size: "md",
-    variant: "ghost",
-    className: "color-picker-icon"
-  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    size: "md",
-    variant: "ghost",
-    className: "color-picker-reset"
-  }, "Reset"))))));
+    });
+  })))));
 };

package/lib/components/DataVerification/DropdownList.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _react = _interopRequireWildcard(require("react"));
-var _ui = require("@fileverse/ui");
 var _context = _interopRequireDefault(require("../../context"));
 var _useOutsideClick = require("../../hooks/useOutsideClick");
 var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
@@ -155,24 +154,6 @@ var DropDownList = function DropDownList() {
         display: isMul && selected.indexOf(v) >= 0 ? "inline" : "none"
       }
     }), v);
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full flex align-center",
-    style: {
-      height: "28px"
-    },
-    onClick: function onClick() {
-      var _a;
-      (_a = window === null || window === void 0 ? void 0 : window.dataVerificationClick) === null || _a === void 0 ? void 0 : _a.call(window);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
-    icon: "Pencil",
-    size: "sm",
-    variant: "ghost",
-    className: "color-picker-icon pt-2 color-picker"
-  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    size: "md",
-    variant: "ghost",
-    className: "color-picker-reset color-picker"
-  }, "Edit")));
+  }));
 };
 var _default = exports.default = DropDownList;

package/lib/components/DataVerification/DropdownOption.js

@@ -181,7 +181,7 @@ var DynamicInputList = function DynamicInputList(_a) {
   }, optionItems.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: item.id,
-      className: (0, _ui.cn)("relative flex optionItems-center gap-2 transition mb-4", draggingIndex === index && "scale-[0.99] opacity-80 shadow-lg rounded-xl"),
+      className: (0, _ui.cn)("relative flex optionItems-center gap-3 transition mb-4", draggingIndex === index && "scale-[0.99] opacity-80 shadow-lg rounded-xl"),
       onDragOver: function onDragOver(e) {
         return onDragOverRow(index, e);
       },
@@ -276,10 +276,7 @@ var DynamicInputList = function DynamicInputList(_a) {
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
     variant: "secondary",
     onClick: handleAdd,
-    size: "sm",
-    style: {
-      fontWeight: 500
-    }
+    className: ""
   }, "Add another item")));
 };
 var _default = exports.default = DynamicInputList;

package/lib/components/DataVerification/RangeDialog.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _ui = require("@fileverse/ui");
 var _react = _interopRequireWildcard(require("react"));
+var _ = _interopRequireDefault(require("."));
 var _context = _interopRequireDefault(require("../../context"));
 var _useDialog = require("../../hooks/useDialog");
 var _ConditionRules = _interopRequireDefault(require("../ConditionFormat/ConditionRules"));
@@ -22,7 +23,8 @@ var RangeDialog = function RangeDialog() {
   var showDialog = (0, _useDialog.useDialog)().showDialog;
   var _b = (0, _fortuneCore.locale)(context),
     dataVerification = _b.dataVerification,
-    button = _b.button;
+    button = _b.button,
+    toolbar = _b.toolbar;
   var _c = (0, _react.useState)((0, _getDisplayedRangeTxt.getDisplayedRangeTxt)(context)),
     rangeTxt2 = _c[0],
     setRangeTxt2 = _c[1];
@@ -44,7 +46,9 @@ var RangeDialog = function RangeDialog() {
       showDialog(/*#__PURE__*/_react.default.createElement(_ConditionRules.default, {
         type: rulesType
       }), undefined, (0, _fortuneCore.locale)(context).conditionformat["conditionformat_".concat(rulesType)]);
+      return;
     }
+    showDialog(/*#__PURE__*/_react.default.createElement(_.default, null), undefined, toolbar.dataVerification);
   }, [setContext, showDialog, context]);
   (0, _react.useEffect)(function () {
     setRangeTxt2((0, _getDisplayedRangeTxt.getDisplayedRangeTxt)(context));

package/lib/components/DataVerification/index.css

@@ -202,25 +202,5 @@
 }
 
 .color-picker:hover {
-  background: hsl(var(--color-bg-default-hover, #F2F4F5))!important;
-}
-
-.color-picker-container {
-  border: 1px solid hsl(var(--color-border-default, #E8EBEC)) !important;
-  box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.15);
-  width: 230px !important;
-}
-
-.color-picker-reset {
-  min-width: 0px !important;
-  padding-left: 0px !important;
-  margin-left: 0px !important;
-}
-
-.color-picker-reset:hover {
-  background-color: white;
-}
-
-.color-picker-icon:hover {
-  background-color: white;
+  background: hsl(var(--color-bg-default-hover, #F2F4F5));
 }

package/lib/components/DataVerification/index.js

@@ -93,14 +93,6 @@ var DataVerification = function DataVerification() {
       }));
     }
   }, []);
-  var dataSelectRange = (0, _react.useCallback)(function (type, value) {
-    hideDialog();
-    setContext(function (ctx) {
-      ctx.rangeDialog.show = true;
-      ctx.rangeDialog.type = type;
-      ctx.rangeDialog.rangeTxt = value;
-    });
-  }, [hideDialog, setContext]);
   var btn = (0, _react.useCallback)(function (type) {
     if (type === "confirm") {
       setContext(function (ctx) {
@@ -227,7 +219,7 @@ var DataVerification = function DataVerification() {
   return /*#__PURE__*/_react.default.createElement("div", {
     id: "fortune-data-verification"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex flex-col gap-4 h-[calc(100vh-270px)] overflow-y-auto no-scrollbar",
+    className: "flex flex-col gap-4",
     style: {
       width: "345px",
       padding: "16px"
@@ -243,19 +235,7 @@ var DataVerification = function DataVerification() {
     }),
     "aria-hidden": "true",
     readOnly: true,
-    value: (_a = context.dataVerification.dataRegulation) === null || _a === void 0 ? void 0 : _a.rangeTxt,
-    onChange: function onChange(e) {
-      var value = e.target.value;
-      setContext(function (ctx) {
-        ctx.dataVerification.dataRegulation.rangeTxt = value;
-      });
-    },
-    onClick: function onClick() {
-      var _a;
-      hideDialog();
-      dataSelectRange("rangeTxt", context.dataVerification.dataRegulation.value1);
-      (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
-    }
+    value: (_a = context.dataVerification.dataRegulation) === null || _a === void 0 ? void 0 : _a.rangeTxt
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "flex flex-col"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -300,7 +280,7 @@ var DataVerification = function DataVerification() {
       });
     }
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "ml-2 text-body-sm"
+    className: "ml-2"
   }, dataVerification.allowMultiSelect)))), ((_e = (_d = context.dataVerification) === null || _d === void 0 ? void 0 : _d.dataRegulation) === null || _e === void 0 ? void 0 : _e.type) === "checkbox" && (/*#__PURE__*/_react.default.createElement("div", {
     className: "mt-4 space-y-2"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -416,7 +396,7 @@ var DataVerification = function DataVerification() {
         });
       }
     }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "ml-2 text-body-sm"
+      className: "ml-2"
     }, dataVerification[v]));
   }), ((_o = (_m = context.dataVerification) === null || _m === void 0 ? void 0 : _m.dataRegulation) === null || _o === void 0 ? void 0 : _o.hintShow) && (/*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.TextField, {
     placeholder: dataVerification.placeholder5,
@@ -428,11 +408,7 @@ var DataVerification = function DataVerification() {
       });
     }
   }))))), /*#__PURE__*/_react.default.createElement(_ui.Divider, {
-    className: "border-t-[1px]",
-    style: {
-      width: "315px",
-      margin: "0 16px 16px 16px"
-    }
+    className: "w-full border-t-[1px] my-4"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "flex gap-2 justify-between items-center",
     style: {
@@ -456,9 +432,7 @@ var DataVerification = function DataVerification() {
       minWidth: "80px"
     },
     onClick: function onClick() {
-      var _a;
       btn("confirm");
-      (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
     }
   }, button.confirm))));
 };

package/lib/components/SheetOverlay/ColumnHeader.js

@@ -82,13 +82,13 @@ var ColumnHeader = function ColumnHeader() {
     }]);
   }, [context, hoverLocation.col_index, refs.globalCache.freezen]);
   var onMouseDown = (0, _react.useCallback)(function (e) {
-    if (e.button === 0 && e.target.tagName === "use" || e.button === 2) {
+    if (e.button === 0 && e.target.tagName === "use") {
       var nativeEvent_1 = e.nativeEvent;
       setContext(function (draft) {
         (0, _fortuneCore.handleColumnHeaderMouseDown)(draft, refs.globalCache, nativeEvent_1, containerRef.current, refs.cellInput.current, refs.fxInput.current);
       });
     }
-    if (e.button !== 0 || context.isFlvReadOnly) return;
+    if (e.button !== 0) return;
     var targetEl = e.target;
     if (targetEl.closest(".fortune-cols-change-size") || targetEl.closest(".fortune-cols-freeze-handle") || targetEl.closest(".header-arrow")) return;
     var headerEl = containerRef.current;
@@ -163,44 +163,6 @@ var ColumnHeader = function ColumnHeader() {
     }
     setSelectedLocation(selects);
   }, [context.luckysheet_select_save, context.visibledatacolumn]);
-  var _g = (0, _react.useState)([]),
-    hiddenPointers = _g[0],
-    setHiddenPointers = _g[1];
-  (0, _react.useEffect)(function () {
-    var _a, _b;
-    if (sheetIndex == null) return;
-    var tempPointers = [];
-    var colhidden = (_b = (_a = context.luckysheetfile[sheetIndex]) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.colhidden;
-    if (colhidden) {
-      Object.keys(colhidden).forEach(function (key) {
-        var item = {
-          col: key,
-          left: context.visibledatacolumn[Number(key) - 1]
-        };
-        tempPointers.push(item);
-      });
-      console.log(tempPointers);
-      setHiddenPointers(tempPointers);
-    } else {
-      setHiddenPointers([]);
-    }
-  }, [context.visibledatacolumn, sheetIndex]);
-  var showColumn = function showColumn(e, item) {
-    if (context.isFlvReadOnly) return;
-    e.stopPropagation();
-    setContext(function (ctx) {
-      var _a;
-      _fortuneCore.api.setSelection(ctx, [{
-        row: [0, (_a = context.visibledatarow) === null || _a === void 0 ? void 0 : _a.length],
-        column: [Number(item.col) - 1, Number(item.col) + 1]
-      }], {
-        id: context.currentSheetId
-      });
-    });
-    setContext(function (ctx) {
-      (0, _fortuneCore.showSelected)(ctx, "column");
-    });
-  };
   (0, _react.useEffect)(function () {
     containerRef.current.scrollLeft = context.scrollLeft;
   }, [context.scrollLeft]);
@@ -223,51 +185,7 @@ var ColumnHeader = function ColumnHeader() {
         };
       });
     }
-  }, hiddenPointers.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "flex gap-4 cursor-pointer hide-btn align-center",
-      style: {
-        height: context.columnHeaderHeight - 12,
-        left: "".concat(item.left - 12, "px")
-      },
-      onClick: function onClick(e) {
-        return showColumn(e, item);
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: ""
-    }, /*#__PURE__*/_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "5",
-      height: "8",
-      viewBox: "0 0 5 8",
-      fill: "none"
-    }, /*#__PURE__*/_react.default.createElement("path", {
-      d: "M0.164574 4.20629L3.54376 7.58548C3.7275 7.76922 4.04167 7.63909 4.04167 7.37924L4.04167 0.620865C4.04167 0.361018 3.7275 0.230885 3.54376 0.414625L0.164575 3.79381C0.0506717 3.90772 0.0506715 4.09239 0.164574 4.20629Z",
-      fill: "#363B3F"
-    }))));
-  }), hiddenPointers.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "flex gap-4 cursor-pointer hide-btn align-center",
-      style: {
-        height: context.columnHeaderHeight - 12,
-        left: "".concat(item.left + 6, "px")
-      },
-      onClick: function onClick(e) {
-        return showColumn(e, item);
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: ""
-    }, /*#__PURE__*/_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "5",
-      height: "8",
-      viewBox: "0 0 5 8",
-      fill: "none"
-    }, /*#__PURE__*/_react.default.createElement("path", {
-      d: "M4.68811 4.35359L1.81188 7.22982C1.4969 7.5448 0.958328 7.32172 0.958328 6.87627L0.958328 1.12381C0.958328 0.678362 1.4969 0.455279 1.81188 0.770261L4.68811 3.64649C4.88337 3.84175 4.88337 4.15833 4.68811 4.35359Z",
-      fill: "#363B3F"
-    }))));
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-cols-freeze-handle",
     onMouseDown: onColFreezeHandleMouseDown,
     style: {
@@ -290,7 +208,7 @@ var ColumnHeader = function ColumnHeader() {
       display: "block"
     }, (0, _fortuneCore.fixColumnStyleOverflowInFreeze)(context, hoverLocation.col_index, hoverLocation.col_index, (_a = refs.globalCache.freezen) === null || _a === void 0 ? void 0 : _a[context.currentSheetId]))
   }, allowEditRef.current && (/*#__PURE__*/_react.default.createElement("span", {
-    className: "header-arrow mr-2",
+    className: "header-arrow",
     onClick: function onClick(e) {
       setContext(function (ctx) {
         ctx.contextMenu = {

package/lib/components/SheetOverlay/FormulaHint/index.js

@@ -75,17 +75,6 @@ var FormulaHint = function FormulaHint(props) {
     var divOffset = ((_d = hintRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) || 0;
     setTop(hintAbove ? selectionHeight - (divOffset + 30) : selectionHeight + 4);
   };
-  var hexToRgbString = function hexToRgbString(hex) {
-    hex = hex.replace("#", "");
-    var r = parseInt(hex.substring(0, 2), 16);
-    var g = parseInt(hex.substring(2, 4), 16);
-    var b = parseInt(hex.substring(4, 6), 16);
-    return "".concat(r, ", ").concat(g, ", ").concat(b);
-  };
-  var bgColor = function bgColor(BRAND_SECONDARY_COLOR) {
-    var bg = BRAND_SECONDARY_COLOR ? "rgb(".concat(hexToRgbString(BRAND_SECONDARY_COLOR), ", 0.4)") : "#FFDF0A";
-    return bg;
-  };
   (0, _react.useEffect)(function () {
     calcuatePopUpPlacement();
   }, []);
@@ -209,7 +198,7 @@ var FormulaHint = function FormulaHint(props) {
       dir: "auto",
       key: name,
       style: {
-        backgroundColor: commaCount === i ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent"
+        backgroundColor: commaCount === i ? (fn === null || fn === void 0 ? void 0 : fn.BRAND_SECONDARY_COLOR) || "#FFDF0A" : "transparent"
       }
     }, name, i !== fn.p.length - 1 && ", ");
   })), /*#__PURE__*/_react.default.createElement("code", {
@@ -385,7 +374,7 @@ var FormulaHint = function FormulaHint(props) {
     }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("code", {
       className: "font-family-mono mb-1 mt-2 color-text-default font-family-mono",
       style: {
-        backgroundColor: commaCount === index ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent"
+        backgroundColor: commaCount === index ? (fn === null || fn === void 0 ? void 0 : fn.BRAND_SECONDARY_COLOR) || "#FFDF0A" : "transparent"
       }
     }, param.name, param.repeat === "y" && (/*#__PURE__*/_react.default.createElement("span", {
       className: "luckysheet-arguments-help-argument-info example-value",

package/lib/components/SheetOverlay/RowHeader.js

@@ -76,13 +76,7 @@ var RowHeader = function RowHeader() {
     getRowIndexClicked = _f.getRowIndexClicked,
     isRowDoubleClicked = _f.isRowDoubleClicked;
   var onMouseDown = (0, _react.useCallback)(function (e) {
-    if (e.button === 0 && e.target.tagName === "use" || e.button === 2) {
-      var nativeEvent_1 = e.nativeEvent;
-      setContext(function (draft) {
-        (0, _fortuneCore.handleRowHeaderMouseDown)(draft, refs.globalCache, nativeEvent_1, containerRef.current, refs.cellInput.current, refs.fxInput.current);
-      });
-    }
-    if (e.button !== 0 || context.isFlvReadOnly) return;
+    if (e.button !== 0) return;
     var targetEl = e.target;
     if (targetEl.closest(".fortune-rows-change-size") || targetEl.closest(".fortune-rows-freeze-handle")) return;
     var headerEl = containerRef.current;
@@ -94,9 +88,9 @@ var RowHeader = function RowHeader() {
         draft.luckysheet_scroll_status = true;
       });
     } else {
-      var nativeEvent_2 = e.nativeEvent;
+      var nativeEvent_1 = e.nativeEvent;
       setContext(function (draft) {
-        (0, _fortuneCore.handleRowHeaderMouseDown)(draft, refs.globalCache, nativeEvent_2, containerRef.current, refs.cellInput.current, refs.fxInput.current);
+        (0, _fortuneCore.handleRowHeaderMouseDown)(draft, refs.globalCache, nativeEvent_1, containerRef.current, refs.cellInput.current, refs.fxInput.current);
       });
       return;
     }
@@ -162,43 +156,6 @@ var RowHeader = function RowHeader() {
     }
     setSelectedLocation(selects);
   }, [context.luckysheet_select_save, context.visibledatarow]);
-  var _g = (0, _react.useState)([]),
-    hiddenPointers = _g[0],
-    setHiddenPointers = _g[1];
-  (0, _react.useEffect)(function () {
-    var _a, _b;
-    if (sheetIndex == null) return;
-    var tempPointers = [];
-    var rowhidden = (_b = (_a = context.luckysheetfile[sheetIndex]) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.rowhidden;
-    if (rowhidden) {
-      Object.keys(rowhidden).forEach(function (key) {
-        var item = {
-          row: key,
-          top: context.visibledatarow[Number(key) - 1]
-        };
-        tempPointers.push(item);
-      });
-      setHiddenPointers(tempPointers);
-    } else {
-      setHiddenPointers([]);
-    }
-  }, [context.visibledatarow, sheetIndex]);
-  var showRow = function showRow(e, item) {
-    if (context.isFlvReadOnly) return;
-    e.stopPropagation();
-    setContext(function (ctx) {
-      var _a;
-      _fortuneCore.api.setSelection(ctx, [{
-        row: [Number(item.row) - 1, Number(item.row) + 1],
-        column: [0, (_a = context.visibledatacolumn) === null || _a === void 0 ? void 0 : _a.length]
-      }], {
-        id: context.currentSheetId
-      });
-    });
-    setContext(function (ctx) {
-      (0, _fortuneCore.showSelected)(ctx, "row");
-    });
-  };
   (0, _react.useEffect)(function () {
     containerRef.current.scrollTop = context.scrollTop;
   }, [context.scrollTop]);
@@ -213,40 +170,7 @@ var RowHeader = function RowHeader() {
     onMouseDown: onMouseDown,
     onMouseLeave: onMouseLeave,
     onContextMenu: onContextMenu
-  }, hiddenPointers.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row hide-btn",
-      style: {
-        top: "".concat(item.top - 16, "px"),
-        zIndex: 100
-      },
-      onClick: function onClick(e) {
-        return showRow(e, item);
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "rotate-row-icon"
-    }, /*#__PURE__*/_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "5",
-      height: "8",
-      viewBox: "0 0 5 8",
-      fill: "none"
-    }, /*#__PURE__*/_react.default.createElement("path", {
-      d: "M0.164574 4.20629L3.54376 7.58548C3.7275 7.76922 4.04167 7.63909 4.04167 7.37924L4.04167 0.620865C4.04167 0.361018 3.7275 0.230885 3.54376 0.414625L0.164575 3.79381C0.0506717 3.90772 0.0506715 4.09239 0.164574 4.20629Z",
-      fill: "#363B3F"
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "rotate-90"
-    }, /*#__PURE__*/_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "5",
-      height: "8",
-      viewBox: "0 0 5 8",
-      fill: "none"
-    }, /*#__PURE__*/_react.default.createElement("path", {
-      d: "M0.164574 4.20629L3.54376 7.58548C3.7275 7.76922 4.04167 7.63909 4.04167 7.37924L4.04167 0.620865C4.04167 0.361018 3.7275 0.230885 3.54376 0.414625L0.164575 3.79381C0.0506717 3.90772 0.0506715 4.09239 0.164574 4.20629Z",
-      fill: "#363B3F"
-    }))));
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-rows-freeze-handle",
     onMouseDown: onRowFreezeHandleMouseDown,
     style: {

package/lib/components/SheetOverlay/index.css

@@ -1010,27 +1010,4 @@
   background: #555;
   /* darker on hover */
   /* scrollbar */
-}
-
-.hide-btn {
-  padding-top: 1px;
-  position: absolute;
-  right: 5;
-  top: 5px;
-  z-index: 200;
-  width: 9px;
-}
-
-.hide-btn:hover {
-  border: 1px solid #0188fb;
-}
-
-.rotate-row-icon {
-  transform: rotate(-90deg);
-}
-
-.hide-btn-row {
-  position: absolute;
-   left: 4px;
-  z-index: 200;
-}
+}