@fileverse-dev/fortune-react 1.2.4 → 1.2.6

package/es/components/ConditionFormat/index.css

@@ -22,8 +22,6 @@
   z-index: 1005;
   border-radius: 4px;
   cursor: pointer;
-  align-items: center;
-  height: 32px;
 }
 
 .condition-format-item:hover {

package/es/components/ContextMenu/Menu.d.ts

@@ -3,7 +3,6 @@ type Props = React.PropsWithChildren<{
     onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, container: HTMLDivElement) => void;
     onMouseLeave?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, container: HTMLDivElement) => void;
     onMouseEnter?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, container: HTMLDivElement) => void;
-    isActive?: boolean;
 }>;
 declare const Menu: React.FC<Props>;
 export default Menu;

package/es/components/ContextMenu/Menu.js

@@ -1,16 +1,13 @@
-import { cn } from "@fileverse/ui";
 import React, { useRef } from "react";
 var Menu = function Menu(_a) {
   var _onClick = _a.onClick,
     _onMouseLeave = _a.onMouseLeave,
     _onMouseEnter = _a.onMouseEnter,
-    children = _a.children,
-    _b = _a.isActive,
-    isActive = _b === void 0 ? false : _b;
+    children = _a.children;
   var containerRef = useRef(null);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: cn("luckysheet-cols-menuitem luckysheet-mousedown-cancel", isActive && "color-bg-default-hover"),
+    className: "luckysheet-cols-menuitem luckysheet-mousedown-cancel",
     onClick: function onClick(e) {
       return _onClick === null || _onClick === void 0 ? void 0 : _onClick(e, containerRef.current);
     },

package/es/components/ContextMenu/index.css

@@ -82,10 +82,7 @@
   cursor: pointer;
   list-style: none;
   margin: 0;
-  padding-right: 8px !important;
-  padding-left: 8px !important;
-  padding-top: 6px !important;
-  padding-bottom: 6px !important;
+  padding: 8px !important;
   white-space: nowrap;
   user-select: none;
   display: flex;

package/es/components/ContextMenu/index.js

@@ -115,7 +115,7 @@ var __generator = this && this.__generator || function (thisArg, body) {
 };
 import { locale, handleCopy, handlePasteByClick, deleteRowCol, insertRowCol, removeActiveImage, deleteSelectedCellText, sortSelection, createFilter, showImgChooser, handleLink, hideSelected, showSelected, getSheetIndex, api, isAllowEdit, jfrefreshgrid, newComment, getFreezeState, toggleFreeze, clearFilter, clearSelectedCellFormat, clearColumnsCellsFormat, clearRowsCellsFormat } from "@fileverse-dev/fortune-core";
 import _ from "lodash";
-import React, { useContext, useRef, useCallback, useLayoutEffect, useState } from "react";
+import React, { useContext, useRef, useCallback, useLayoutEffect } from "react";
 import regeneratorRuntime from "regenerator-runtime";
 import Tippy from "@tippyjs/react";
 import { LucideIcon } from "@fileverse/ui";
@@ -149,9 +149,6 @@ var ContextMenu = function ContextMenu() {
     info = _b.info,
     toolbar = _b.toolbar,
     splitText = _b.splitText;
-  var _c = useState(""),
-    activeMenu = _c[0],
-    setActiveMenu = _c[1];
   var addRowColRightAvobe = function addRowColRightAvobe(type, direction) {
     var _a, _b, _c, _d, _e, _f;
     var positionCol = (_c = (_b = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.column) === null || _c === void 0 ? void 0 : _c[0];
@@ -832,12 +829,6 @@ var ContextMenu = function ContextMenu() {
         arrow: false,
         zIndex: 3000,
         appendTo: document.body,
-        onShow: function onShow() {
-          setActiveMenu("sort");
-        },
-        onHide: function onHide() {
-          if (activeMenu === "sort") setActiveMenu("");
-        },
         content: /*#__PURE__*/React.createElement("div", {
           className: "fortune-toolbar-select",
           style: {
@@ -876,9 +867,7 @@ var ContextMenu = function ContextMenu() {
         }), /*#__PURE__*/React.createElement("p", null, sort.desc))))),
         trigger: "mouseenter focus",
         hideOnClick: false
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, {
-        isActive: activeMenu === "sort"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React.createElement("div", {
         className: "context-item"
@@ -918,7 +907,7 @@ var ContextMenu = function ContextMenu() {
         }, /*#__PURE__*/React.createElement("div", {
           className: "context-item p-2 w-full",
           style: {
-            height: "32px"
+            height: "40px"
           }
         }, /*#__PURE__*/React.createElement(LucideIcon, {
           name: "Filter",
@@ -933,22 +922,14 @@ var ContextMenu = function ContextMenu() {
         }, /*#__PURE__*/React.createElement("div", {
           className: "context-item p-2 w-full",
           style: {
-            height: "32px"
+            height: "40px"
           }
         }, /*#__PURE__*/React.createElement(LucideIcon, {
           name: "Eraser"
         }), /*#__PURE__*/React.createElement("p", null, filter.clearFilter))))),
         trigger: "mouseenter focus",
-        hideOnClick: false,
-        onShow: function onShow() {
-          setActiveMenu("filter");
-        },
-        onHide: function onHide() {
-          if (activeMenu === "filter") setActiveMenu("");
-        }
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, {
-        isActive: activeMenu === "filter"
-      }, /*#__PURE__*/React.createElement("div", {
+        hideOnClick: false
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React.createElement("div", {
         className: "context-item"
@@ -1002,12 +983,6 @@ var ContextMenu = function ContextMenu() {
         arrow: false,
         zIndex: 3000,
         appendTo: document.body,
-        onShow: function onShow() {
-          setActiveMenu("conditionFormat");
-        },
-        onHide: function onHide() {
-          if (activeMenu === "conditionFormat") setActiveMenu("");
-        },
         content: /*#__PURE__*/React.createElement("div", {
           style: {
             minWidth: 220
@@ -1018,9 +993,7 @@ var ContextMenu = function ContextMenu() {
         })),
         trigger: "mouseenter focus",
         hideOnClick: false
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, {
-        isActive: activeMenu === "conditionFormat"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React.createElement("div", {
         className: "flex items-center gap-2 context-item"
@@ -1056,7 +1029,7 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/React.createElement("p", null, "Clear formatting")));
     }
     return null;
-  }, [context, setContext, refs.globalCache, rightclick, showAlert, showDialog, drag.noMulti, info.tipRowHeightLimit, info.tipColumnWidthLimit, generalDialog.partiallyError, generalDialog.readOnlyError, generalDialog.dataNullError, activeMenu]);
+  }, [context, setContext, refs.globalCache, rightclick, showAlert, showDialog, drag.noMulti, info.tipRowHeightLimit, info.tipColumnWidthLimit, generalDialog.partiallyError, generalDialog.readOnlyError, generalDialog.dataNullError]);
   useLayoutEffect(function () {
     var _a;
     if (!containerRef.current) {

package/es/components/DataVerification/ColorPicker.js

@@ -104,14 +104,14 @@ export var ColorSection = function ColorSection(_a) {
       title: color.name
     }));
   }), /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex justify-center",
+    className: "w-full flex justify-center color-picker-reset-btn",
     onClick: function onClick() {
       onPick("228, 232, 237");
       setIsOpen(false);
     }
   }, /*#__PURE__*/React.createElement(IconButton, {
     icon: "DropletOff",
-    size: "md",
+    size: "sm",
     variant: "ghost",
     className: "color-picker-icon"
   }), /*#__PURE__*/React.createElement(Button, {

package/es/components/DataVerification/DropdownList.js

@@ -146,8 +146,15 @@ var DropDownList = function DropDownList() {
         display: isMul && selected.indexOf(v) >= 0 ? "inline" : "none"
       }
     }), v);
+  }), /*#__PURE__*/React.createElement("hr", {
+    style: {
+      border: "none",
+      height: "1px",
+      background: "hsl(var(--color-bg-default-hover, #F2F4F5))",
+      marginBottom: "4px"
+    }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex align-center",
+    className: "w-full flex align-center edit-dropdown",
     style: {
       height: "28px"
     },
@@ -159,11 +166,14 @@ var DropDownList = function DropDownList() {
     icon: "Pencil",
     size: "sm",
     variant: "ghost",
-    className: "color-picker-icon pt-2 color-picker"
+    className: "color-picker-icon color-picker edit-dropdown",
+    style: {
+      paddingTop: "0px !important"
+    }
   }), /*#__PURE__*/React.createElement(Button, {
     size: "md",
     variant: "ghost",
-    className: "color-picker-reset color-picker"
+    className: "color-picker-reset color-picker edit-dropdown"
   }, "Edit")));
 };
 export default DropDownList;

package/es/components/DataVerification/DropdownOption.js

@@ -47,7 +47,20 @@ var DynamicInputList = function DynamicInputList(_a) {
     });
   };
   useEffect(function () {
-    handleAdd();
+    if (optionItems.length === 0) {
+      var nextNum_1 = 1;
+      setOptionItems(function (prev) {
+        return __spreadArray(__spreadArray([], prev, true), [{
+          id: createId(),
+          value: "Option ".concat(nextNum_1),
+          color: "228, 232, 237"
+        }, {
+          id: createId(),
+          value: "Option ".concat(nextNum_1 + 1),
+          color: "228, 232, 237"
+        }], false);
+      });
+    }
   }, []);
   var handleRemove = function handleRemove(index) {
     setOptionItems(function (prev) {

package/es/components/DataVerification/RangeDialog.js

@@ -18,10 +18,12 @@ var RangeDialog = function RangeDialog() {
     rangeTxt2 = _c[0],
     setRangeTxt2 = _c[1];
   var close = useCallback(function () {
+    var _a;
     setContext(function (ctx) {
       ctx.rangeDialog.show = false;
       ctx.rangeDialog.singleSelect = false;
     });
+    (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
     if (!context.rangeDialog) return;
     var rangeDialogType = context.rangeDialog.type;
     if (rangeDialogType.indexOf("between") >= 0) {

package/es/components/DataVerification/index.css

@@ -201,6 +201,15 @@
   min-width: 100px;
 }
 
+.color-picker-reset-btn {
+    height: 30px;
+    border-radius: 6px;
+}
+
+.color-picker-reset-btn:hover {
+    background: hsl(var(--color-bg-default-hover, #F2F4F5))!important;
+}
+
 .color-picker:hover {
   background: hsl(var(--color-bg-default-hover, #F2F4F5))!important;
 }
@@ -212,15 +221,20 @@
 }
 
 .color-picker-reset {
+  height: 30px !important;
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
   min-width: 0px !important;
   padding-left: 0px !important;
   margin-left: 0px !important;
 }
 
-.color-picker-reset:hover {
-  background-color: white!important;
+.edit-dropdown {
+  height: 28px!important;
+  border-radius: 5px;
 }
 
-.color-picker-icon:hover {
-  background-color: white!important;
+.edit-dropdown:hover {
+  height: 28px!important;
+  background: hsl(var(--color-bg-default-hover, #F2F4F5))!important;
 }

package/es/components/DataVerification/index.js

@@ -215,6 +215,18 @@ var DataVerification = function DataVerification() {
       }
     });
   }, []);
+  var rangeOnClick = function rangeOnClick() {
+    var _a;
+    (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
+    hideDialog();
+    dataSelectRange("rangeTxt", context.dataVerification.dataRegulation.value1);
+  };
+  var rangeOnChange = function rangeOnChange(e) {
+    var value = e.target.value;
+    setContext(function (ctx) {
+      ctx.dataVerification.dataRegulation.rangeTxt = value;
+    });
+  };
   return /*#__PURE__*/React.createElement("div", {
     id: "fortune-data-verification"
   }, /*#__PURE__*/React.createElement("div", {
@@ -230,23 +242,19 @@ var DataVerification = function DataVerification() {
   }, dataVerification.cellRange), /*#__PURE__*/React.createElement(TextField, {
     rightIcon: /*#__PURE__*/React.createElement(LucideIcon, {
       name: "Grid2x2",
-      size: "sm"
+      size: "sm",
+      onClick: rangeOnClick,
+      onChange: rangeOnChange,
+      style: {
+        cursor: "pointer",
+        color: "#363B3F"
+      }
     }),
     "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;
-      (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
-      hideDialog();
-      dataSelectRange("rangeTxt", context.dataVerification.dataRegulation.value1);
-    }
+    onChange: rangeOnChange,
+    onClick: rangeOnClick
   })), /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col"
   }, /*#__PURE__*/React.createElement("div", {
@@ -299,9 +307,17 @@ var DataVerification = function DataVerification() {
   }, /*#__PURE__*/React.createElement("span", {
     className: "data-verification-checkbox-label"
   }, dataVerification.selected), /*#__PURE__*/React.createElement(TextField, {
+    onMouseDown: function onMouseDown(e) {
+      e.stopPropagation();
+      e.target.focus();
+    },
+    onKeyDown: function onKeyDown(e) {
+      e.stopPropagation();
+    },
     value: (_g = (_f = context.dataVerification) === null || _f === void 0 ? void 0 : _f.dataRegulation) === null || _g === void 0 ? void 0 : _g.value1,
     placeholder: dataVerification.placeholder2,
     onChange: function onChange(e) {
+      e.stopPropagation();
       var value = e.target.value;
       setContext(function (ctx) {
         ctx.dataVerification.dataRegulation.value1 = value;

package/es/components/SheetOverlay/ColumnHeader.js

@@ -1,5 +1,4 @@
-import { colLocation, colLocationByIndex, selectTitlesMap, selectTitlesRange, handleColSizeHandleMouseDown, handleColumnHeaderMouseDown, isAllowEdit, getFlowdata, fixColumnStyleOverflowInFreeze, handleColFreezeHandleMouseDown, getSheetIndex, fixPositionOnFrozenCells, showSelected } from "@fileverse-dev/fortune-core";
-import { api } from "@fileverse-dev/fortune-core";
+import { colLocation, colLocationByIndex, selectTitlesMap, selectTitlesRange, handleColSizeHandleMouseDown, handleColumnHeaderMouseDown, isAllowEdit, getFlowdata, fixColumnStyleOverflowInFreeze, handleColFreezeHandleMouseDown, getSheetIndex, fixPositionOnFrozenCells, showSelected, api } from "@fileverse-dev/fortune-core";
 import _ from "lodash";
 import React, { useContext, useState, useRef, useCallback, useEffect, useMemo } from "react";
 import WorkbookContext from "../../context";
@@ -163,6 +162,7 @@ var ColumnHeader = function ColumnHeader() {
     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;
+    console.log(colhidden);
     if (colhidden) {
       Object.keys(colhidden).forEach(function (key) {
         var item = {
@@ -171,20 +171,36 @@ var ColumnHeader = function ColumnHeader() {
         };
         tempPointers.push(item);
       });
-      console.log(tempPointers);
       setHiddenPointers(tempPointers);
     } else {
       setHiddenPointers([]);
     }
   }, [context.visibledatacolumn, sheetIndex]);
   var showColumn = function showColumn(e, item) {
+    var _a, _b;
+    if (sheetIndex == null) return;
+    var startPoint = item.col;
+    var startCol = startPoint,
+      endCol = startPoint;
+    var colhiddenData = (_b = (_a = context.luckysheetfile[sheetIndex]) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.colhidden;
+    var findColBoundary = function findColBoundary(start, direction) {
+      var tempPoint = start;
+      while (true) {
+        var checkColIndex = tempPoint + direction;
+        if (!(colhiddenData === null || colhiddenData === void 0 ? void 0 : colhiddenData.hasOwnProperty(checkColIndex))) break;
+        tempPoint = checkColIndex;
+      }
+      return tempPoint;
+    };
+    startCol = findColBoundary(startPoint, -1);
+    endCol = findColBoundary(startPoint, 1);
     if (context.isFlvReadOnly) return;
     e.stopPropagation();
     setContext(function (ctx) {
       var _a;
       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]
+        column: [Number(startCol) - 1, Number(endCol) + 1]
       }], {
         id: context.currentSheetId
       });
@@ -192,6 +208,15 @@ var ColumnHeader = function ColumnHeader() {
     setContext(function (ctx) {
       showSelected(ctx, "column");
     });
+    setContext(function (ctx) {
+      var _a;
+      api.setSelection(ctx, [{
+        row: [0, (_a = context.visibledatarow) === null || _a === void 0 ? void 0 : _a.length],
+        column: [Number(startCol), Number(endCol)]
+      }], {
+        id: context.currentSheetId
+      });
+    });
   };
   useEffect(function () {
     containerRef.current.scrollLeft = context.scrollLeft;
@@ -217,10 +242,10 @@ var ColumnHeader = function ColumnHeader() {
     }
   }, hiddenPointers.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "flex gap-4 cursor-pointer hide-btn align-center",
+      className: "flex gap-4 cursor-pointer hide-btn align-center jusify-between",
       style: {
         height: context.columnHeaderHeight - 12,
-        left: "".concat(item.left - 12, "px")
+        left: "".concat(item.left - 15, "px")
       },
       onClick: function onClick(e) {
         return showColumn(e, item);
@@ -236,18 +261,7 @@ var ColumnHeader = function ColumnHeader() {
     }, /*#__PURE__*/React.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.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.createElement("div", {
+    }))), /*#__PURE__*/React.createElement("div", {
       className: ""
     }, /*#__PURE__*/React.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -306,12 +320,13 @@ var ColumnHeader = function ColumnHeader() {
       c1 = _a.c1,
       c2 = _a.c2;
     return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-col-header-selected color-bg-tertiary",
+      className: "fortune-col-header-selected",
       key: i,
       style: _.assign({
         left: col_pre,
         width: col - col_pre - 1,
         display: "block",
+        backgroundColor: "#EFC703",
         mixBlendMode: "multiply"
       }, fixColumnStyleOverflowInFreeze(context, c1, c2, (_b = refs.globalCache.freezen) === null || _b === void 0 ? void 0 : _b[context.currentSheetId]))
     });

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

@@ -195,14 +195,14 @@ var FormulaHint = function FormulaHint(props) {
     if (param.require === "o") {
       name = "[".concat(name, "]");
     }
-    return /*#__PURE__*/React.createElement("code", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("code", {
       className: "luckysheet-arguments-help-parameter font-family-mono mb-1 mt-2 color-text-default",
       dir: "auto",
       key: name,
       style: {
         backgroundColor: commaCount === i ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent"
       }
-    }, name, i !== fn.p.length - 1 && ", ");
+    }, name), i !== fn.p.length - 1 && ", ");
   })), /*#__PURE__*/React.createElement("code", {
     className: "luckysheet-arguments-paren font-family-mono mb-1 mt-2 color-text-default"
   }, ")")), /*#__PURE__*/React.createElement("div", {

package/es/components/SheetOverlay/FormulaSearch/index.css

@@ -6,6 +6,7 @@
   background: #fff;
   z-index: 1003;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  border: 1px solid lavender;
   border-radius: 10px;
 }
 

package/es/components/SheetOverlay/FormulaSearch/index.js

@@ -53,7 +53,7 @@ var FormulaSearch = function FormulaSearch(props) {
   });
   if (_.isEmpty(context.functionCandidates) && _.isEmpty(context.defaultCandidates)) return null;
   return /*#__PURE__*/React.createElement("div", {
-    className: "flex color-border-default border flex-col luckysheet-formula-search-c-p custom-scroll",
+    className: "flex flex-col luckysheet-formula-search-c-p custom-scroll",
     id: "luckysheet-formula-search-c-p",
     style: {
       top: top

package/es/components/SheetOverlay/RowHeader.js

@@ -1,5 +1,4 @@
-import { rowLocation, rowLocationByIndex, selectTitlesMap, selectTitlesRange, handleContextMenu, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, fixRowStyleOverflowInFreeze, handleRowFreezeHandleMouseDown, getSheetIndex, showSelected, fixPositionOnFrozenCells } from "@fileverse-dev/fortune-core";
-import { api } from "@fileverse-dev/fortune-core";
+import { rowLocation, rowLocationByIndex, selectTitlesMap, selectTitlesRange, handleContextMenu, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, fixRowStyleOverflowInFreeze, handleRowFreezeHandleMouseDown, getSheetIndex, showSelected, fixPositionOnFrozenCells, api } from "@fileverse-dev/fortune-core";
 import _ from "lodash";
 import React, { useContext, useState, useRef, useCallback, useEffect, useMemo } from "react";
 import WorkbookContext from "../../context";
@@ -176,12 +175,30 @@ var RowHeader = function RowHeader() {
     }
   }, [context.visibledatarow, sheetIndex]);
   var showRow = function showRow(e, item) {
+    var _a, _b;
+    if (sheetIndex == null) return;
+    var startPoint = item.row;
+    var startRow = startPoint,
+      endRow = startPoint;
+    var rowhiddenData = (_b = (_a = context.luckysheetfile[sheetIndex]) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.rowhidden;
+    var findRowBoundary = function findRowBoundary(start, direction) {
+      var tempPoint = start;
+      while (true) {
+        var checkRowIndex = tempPoint + direction;
+        if (!(rowhiddenData === null || rowhiddenData === void 0 ? void 0 : rowhiddenData.hasOwnProperty(checkRowIndex))) break;
+        tempPoint = checkRowIndex;
+      }
+      return tempPoint;
+    };
+    startRow = findRowBoundary(startPoint, -1);
+    endRow = findRowBoundary(startPoint, 1);
+    console.log(startRow, endRow);
     if (context.isFlvReadOnly) return;
     e.stopPropagation();
     setContext(function (ctx) {
       var _a;
       api.setSelection(ctx, [{
-        row: [Number(item.row) - 1, Number(item.row) + 1],
+        row: [Number(startRow) - 1, Number(endRow) + 1],
         column: [0, (_a = context.visibledatacolumn) === null || _a === void 0 ? void 0 : _a.length]
       }], {
         id: context.currentSheetId
@@ -190,6 +207,15 @@ var RowHeader = function RowHeader() {
     setContext(function (ctx) {
       showSelected(ctx, "row");
     });
+    setContext(function (ctx) {
+      var _a;
+      api.setSelection(ctx, [{
+        row: [Number(startRow), Number(endRow)],
+        column: [0, (_a = context.visibledatacolumn) === null || _a === void 0 ? void 0 : _a.length]
+      }], {
+        id: context.currentSheetId
+      });
+    });
   };
   useEffect(function () {
     containerRef.current.scrollTop = context.scrollTop;
@@ -207,9 +233,9 @@ var RowHeader = function RowHeader() {
     onContextMenu: onContextMenu
   }, hiddenPointers.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row hide-btn",
+      className: "flex flex-col gap-4 cursor-pointer align-center hide-btn-row",
       style: {
-        top: "".concat(item.top - 16, "px"),
+        top: "".concat(item.top - 15, "px"),
         zIndex: 100
       },
       onClick: function onClick(e) {
@@ -266,12 +292,13 @@ var RowHeader = function RowHeader() {
       r1 = _a.r1,
       r2 = _a.r2;
     return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-row-header-selected color-bg-tertiary",
+      className: "fortune-row-header-selected",
       key: i,
       style: _.assign({
         top: row_pre,
         height: row - row_pre - 1,
         display: "block",
+        backgroundColor: "#EFC703",
         mixBlendMode: "multiply"
       }, fixRowStyleOverflowInFreeze(context, r1, r2, (_b = refs.globalCache.freezen) === null || _b === void 0 ? void 0 : _b[context.currentSheetId]))
     });