@fileverse-dev/fortune-react 1.0.2-mod-58 → 1.0.2-mod-60

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, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, onIframeMove, onIframeMoveEnd, onIframeResize, onIframeResizeEnd, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, api, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, removeActiveImage, deleteSelectedCellText, deleteRowCol, hideSelected, showSelected, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
+import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, handleContextMenu, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, onIframeMove, onIframeMoveEnd, onIframeResize, onIframeResizeEnd, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, api, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, removeActiveImage, deleteSelectedCellText, deleteRowCol, hideSelected, showSelected, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
@@ -340,7 +340,6 @@ var ColumnHeader = function ColumnHeader() {
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    settings = _useContext.settings,
     refs = _useContext.refs;
   var containerRef = useRef(null);
   var colChangeSizeRef = useRef(null);
@@ -431,12 +430,6 @@ var ColumnHeader = function ColumnHeader() {
     });
     e.stopPropagation();
   }, [refs.cellArea, refs.globalCache, refs.workbookContainer, setContext]);
-  var onContextMenu = useCallback(function (e) {
-    var nativeEvent = e.nativeEvent;
-    setContext(function (draftCtx) {
-      handleContextMenu(draftCtx, settings, nativeEvent, refs.workbookContainer.current, refs.cellArea.current, "columnHeader");
-    });
-  }, [refs.workbookContainer, setContext, settings, refs.cellArea]);
   useEffect(function () {
     var s = context.luckysheet_select_save;
     if (_.isNil(s)) return;
@@ -478,7 +471,16 @@ var ColumnHeader = function ColumnHeader() {
     onMouseMove: onMouseMove,
     onMouseDown: onMouseDown,
     onMouseLeave: onMouseLeave,
-    onContextMenu: onContextMenu
+    onContextMenu: function onContextMenu(e) {
+      e.preventDefault();
+      setContext(function (ctx) {
+        ctx.contextMenu = {
+          x: e.pageX,
+          y: 90,
+          headerMenu: true
+        };
+      });
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "fortune-cols-freeze-handle",
     onMouseDown: onColFreezeHandleMouseDown,
@@ -7776,11 +7778,11 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "split-flv",
-        width: 16,
-        height: 16,
+        width: 17,
+        height: 17,
         style: {
           marginTop: "4px",
-          marginRight: "4px"
+          marginRight: "8px"
         }
       }), "Split text to columns"));
     }
@@ -7860,7 +7862,7 @@ var ContextMenu = function ContextMenu() {
         height: 18,
         style: {
           marginTop: "4px",
-          marginRight: "4px"
+          marginRight: "8px"
         }
       }), /*#__PURE__*/React.createElement("p", null, "Comment")));
     }
@@ -7878,8 +7880,10 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "dataVerification",
+        width: 20,
+        height: 20,
         style: {
-          marginRight: "4px"
+          marginRight: "7px"
         }
       }), /*#__PURE__*/React.createElement("p", null, "Data Verification")));
     }
@@ -7898,8 +7902,10 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "search",
+        width: 20,
+        height: 20,
         style: {
-          marginRight: "4px"
+          marginRight: "7px"
         }
       }), /*#__PURE__*/React.createElement("p", null, "Find and Replace")));
     }
@@ -7922,10 +7928,11 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "copy-flv",
-        width: 22,
-        height: 22,
+        width: 21,
+        height: 21,
         style: {
-          marginTop: "4px"
+          marginTop: "4px",
+          marginRight: "4px"
         }
       }), /*#__PURE__*/React.createElement("p", null, rightclick.copy)));
     }
@@ -7961,8 +7968,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "cut-flv",
-        width: 18,
-        height: 18,
+        width: 17,
+        height: 17,
         style: {
           marginRight: "8px"
         }
@@ -7999,8 +8006,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "paste-flv",
-        width: 16,
-        height: 16,
+        width: 17,
+        height: 17,
         style: {
           marginRight: "8px"
         }
@@ -8452,8 +8459,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "clear-flv",
-        width: 18,
-        height: 18,
+        width: 17,
+        height: 17,
         style: {
           marginRight: "8px"
         }
@@ -8614,7 +8621,8 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React.createElement(SVGIcon, {
           name: "filter",
-          width: 24,
+          width: 22,
+          height: 22,
           style: {
             marginRight: "4px"
           }
@@ -8632,7 +8640,7 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React.createElement(SVGIcon, {
           name: "eraser",
-          width: 24,
+          width: 22,
           height: 22,
           style: {
             marginRight: "4px",
@@ -8647,9 +8655,11 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "filter",
-        width: 24,
+        width: 22,
+        height: 22,
         style: {
-          marginRight: "4px"
+          marginRight: "4px",
+          marginTop: "2px"
         }
       }), /*#__PURE__*/React.createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React.createElement(SVGIcon, {
         name: "rightArrow",
@@ -8680,8 +8690,10 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "link",
+        width: 20,
+        height: 20,
         style: {
-          marginRight: "4px"
+          marginRight: "7px"
         }
       }), /*#__PURE__*/React.createElement("p", null, rightclick.link)));
     }
@@ -8717,7 +8729,10 @@ var ContextMenu = function ContextMenu() {
       }, /*#__PURE__*/React.createElement(SVGIcon, {
         name: "conditionFormat",
         width: 16,
-        height: 16
+        height: 16,
+        style: {
+          marginRight: "2px"
+        }
       }), /*#__PURE__*/React.createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React.createElement(SVGIcon, {
         name: "rightArrow",
         width: 16,

package/dist/index.js

@@ -352,7 +352,6 @@ var ColumnHeader = function ColumnHeader() {
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    settings = _useContext.settings,
     refs = _useContext.refs;
   var containerRef = React.useRef(null);
   var colChangeSizeRef = React.useRef(null);
@@ -443,12 +442,6 @@ var ColumnHeader = function ColumnHeader() {
     });
     e.stopPropagation();
   }, [refs.cellArea, refs.globalCache, refs.workbookContainer, setContext]);
-  var onContextMenu = React.useCallback(function (e) {
-    var nativeEvent = e.nativeEvent;
-    setContext(function (draftCtx) {
-      fortuneCore.handleContextMenu(draftCtx, settings, nativeEvent, refs.workbookContainer.current, refs.cellArea.current, "columnHeader");
-    });
-  }, [refs.workbookContainer, setContext, settings, refs.cellArea]);
   React.useEffect(function () {
     var s = context.luckysheet_select_save;
     if (___default['default'].isNil(s)) return;
@@ -490,7 +483,16 @@ var ColumnHeader = function ColumnHeader() {
     onMouseMove: onMouseMove,
     onMouseDown: onMouseDown,
     onMouseLeave: onMouseLeave,
-    onContextMenu: onContextMenu
+    onContextMenu: function onContextMenu(e) {
+      e.preventDefault();
+      setContext(function (ctx) {
+        ctx.contextMenu = {
+          x: e.pageX,
+          y: 90,
+          headerMenu: true
+        };
+      });
+    }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "fortune-cols-freeze-handle",
     onMouseDown: onColFreezeHandleMouseDown,
@@ -7788,11 +7790,11 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "split-flv",
-        width: 16,
-        height: 16,
+        width: 17,
+        height: 17,
         style: {
           marginTop: "4px",
-          marginRight: "4px"
+          marginRight: "8px"
         }
       }), "Split text to columns"));
     }
@@ -7872,7 +7874,7 @@ var ContextMenu = function ContextMenu() {
         height: 18,
         style: {
           marginTop: "4px",
-          marginRight: "4px"
+          marginRight: "8px"
         }
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Comment")));
     }
@@ -7890,8 +7892,10 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "dataVerification",
+        width: 20,
+        height: 20,
         style: {
-          marginRight: "4px"
+          marginRight: "7px"
         }
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Data Verification")));
     }
@@ -7910,8 +7914,10 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "search",
+        width: 20,
+        height: 20,
         style: {
-          marginRight: "4px"
+          marginRight: "7px"
         }
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Find and Replace")));
     }
@@ -7934,10 +7940,11 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "copy-flv",
-        width: 22,
-        height: 22,
+        width: 21,
+        height: 21,
         style: {
-          marginTop: "4px"
+          marginTop: "4px",
+          marginRight: "4px"
         }
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.copy)));
     }
@@ -7973,8 +7980,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "cut-flv",
-        width: 18,
-        height: 18,
+        width: 17,
+        height: 17,
         style: {
           marginRight: "8px"
         }
@@ -8011,8 +8018,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "paste-flv",
-        width: 16,
-        height: 16,
+        width: 17,
+        height: 17,
         style: {
           marginRight: "8px"
         }
@@ -8464,8 +8471,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "clear-flv",
-        width: 18,
-        height: 18,
+        width: 17,
+        height: 17,
         style: {
           marginRight: "8px"
         }
@@ -8626,7 +8633,8 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
           name: "filter",
-          width: 24,
+          width: 22,
+          height: 22,
           style: {
             marginRight: "4px"
           }
@@ -8644,7 +8652,7 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
           name: "eraser",
-          width: 24,
+          width: 22,
           height: 22,
           style: {
             marginRight: "4px",
@@ -8659,9 +8667,11 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "filter",
-        width: 24,
+        width: 22,
+        height: 22,
         style: {
-          marginRight: "4px"
+          marginRight: "4px",
+          marginTop: "2px"
         }
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "rightArrow",
@@ -8692,8 +8702,10 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "link",
+        width: 20,
+        height: 20,
         style: {
-          marginRight: "4px"
+          marginRight: "7px"
         }
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.link)));
     }
@@ -8729,7 +8741,10 @@ var ContextMenu = function ContextMenu() {
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "conditionFormat",
         width: 16,
-        height: 16
+        height: 16,
+        style: {
+          marginRight: "2px"
+        }
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "rightArrow",
         width: 16,