@fileverse-dev/fortune-react 1.0.2-mod-3 → 1.0.2-mod-5

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, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, handlePasteByClick, deleteSheet, opToPatch, 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, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, escapeHTMLTag, escapeScriptTag, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, handlePasteByClick, deleteSheet, opToPatch, 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';
@@ -1082,12 +1082,20 @@ var InputBox = function InputBox() {
     return {};
   }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, firstSelection]);
   useLayoutEffect(function () {
+    if (firstSelection.column_focus === 2 && firstSelection.row_focus === 4 && localStorage.getItem('onboardingComplete') !== 'true') {
+      var _inputRef$current;
+      if (((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.innerHTML) !== "") return;
+      var flowdata = getFlowdata(context);
+      var value = getCellValue(row_index, col_index, flowdata, "f");
+      inputRef.current.innerHTML = escapeHTMLTag(escapeScriptTag(value));
+      return;
+    }
     if (!context.allowEdit) {
       setContext(function (ctx) {
         var flowdata = getFlowdata(ctx);
         if (!_.isNil(flowdata) && ctx.forceFormulaRef) {
-          var value = getCellValue(row_index, col_index, flowdata, "f");
-          createRangeHightlight(ctx, value);
+          var _value = getCellValue(row_index, col_index, flowdata, "f");
+          createRangeHightlight(ctx, _value);
         }
       });
     }
@@ -1100,26 +1108,26 @@ var InputBox = function InputBox() {
       if (_.isEqual(prevCellUpdate, context.luckysheetCellUpdate) && prevSheetId === context.currentSheetId) {
         return;
       }
-      var flowdata = getFlowdata(context);
-      var cell = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : _flowdata$row_index[col_index];
-      var value = "";
+      var _flowdata = getFlowdata(context);
+      var cell = _flowdata === null || _flowdata === void 0 ? void 0 : (_flowdata$row_index = _flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : _flowdata$row_index[col_index];
+      var _value2 = "";
       if (cell && !refs.globalCache.overwriteCell) {
         if (isInlineStringCell(cell)) {
-          value = getInlineStringHTML(row_index, col_index, flowdata);
+          _value2 = getInlineStringHTML(row_index, col_index, _flowdata);
         } else if (cell.f) {
-          value = getCellValue(row_index, col_index, flowdata, "f");
+          _value2 = getCellValue(row_index, col_index, _flowdata, "f");
           setContext(function (ctx) {
-            createRangeHightlight(ctx, value);
+            createRangeHightlight(ctx, _value2);
           });
         } else {
-          value = valueShowEs(row_index, col_index, flowdata);
+          _value2 = valueShowEs(row_index, col_index, _flowdata);
           if (Number(cell.qp) === 1) {
-            value = value ? "".concat(value) : value;
+            _value2 = _value2 ? "".concat(_value2) : _value2;
           }
         }
       }
       refs.globalCache.overwriteCell = false;
-      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = escapeHTMLTag(escapeScriptTag(value));
+      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = escapeHTMLTag(escapeScriptTag(_value2));
       refs.globalCache.ignoreWriteCell = false;
       if (!refs.globalCache.doNotFocus) {
         setTimeout(function () {
@@ -1191,6 +1199,9 @@ var InputBox = function InputBox() {
     }
   }, [getActiveFormula, setContext]);
   var onKeyDown = useCallback(function (e) {
+    if (e.key === "Backspace" && firstSelection.column_focus === 2 && firstSelection.row_focus === 4 && localStorage.getItem('onboardingComplete') !== 'true') {
+      inputRef.current.innerHTML = "";
+    }
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
     if (e.key === "Escape" && context.luckysheetCellUpdate.length > 0) {
@@ -1239,7 +1250,7 @@ var InputBox = function InputBox() {
       }
       e.preventDefault();
     }
-  }, [clearSearchItemActiveClass, context.luckysheetCellUpdate.length, selectActiveFormula, setContext]);
+  }, [clearSearchItemActiveClass, context.luckysheetCellUpdate.length, selectActiveFormula, setContext, firstSelection]);
   var onChange = useCallback(function (__, isBlur) {
     var e = lastKeyDownEventRef.current;
     if (!e) return;
@@ -1269,7 +1280,7 @@ var InputBox = function InputBox() {
     style: firstSelection && !((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) ? {
       left: firstSelection.left,
       top: firstSelection.top,
-      zIndex: _.isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
+      zIndex: _.isEmpty(context.luckysheetCellUpdate) ? firstSelection.column_focus === 2 && firstSelection.row_focus === 4 && localStorage.getItem('onboardingComplete') !== 'true' ? 19 : -1 : 19,
       display: "block"
     } : {
       left: -10000,
@@ -8863,7 +8874,7 @@ var SVGDefines = function SVGDefines(_ref) {
     fill: "none",
     id: "image"
   }, /*#__PURE__*/React.createElement("g", {
-    transform: "scale(0.9) translate(1.5, 1.4)"
+    transform: "scale(0.83) translate(1.5, 1.4)"
   }, /*#__PURE__*/React.createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9229,7 +9240,7 @@ var SVGDefines = function SVGDefines(_ref) {
     id: "formula-sum",
     fill: "none"
   }, /*#__PURE__*/React.createElement("g", {
-    transform: "scale(0.9) translate(1.2, 1.2)"
+    transform: "scale(0.83) translate(1.2, 1.2)"
   }, /*#__PURE__*/React.createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9424,7 +9435,7 @@ var SVGDefines = function SVGDefines(_ref) {
     viewBox: "0 0 16 16",
     fill: "none"
   }, /*#__PURE__*/React.createElement("g", {
-    transform: "scale(1) translate(0, 0)"
+    transform: "scale(0.9) translate(0, 0)"
   }, /*#__PURE__*/React.createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9457,7 +9468,7 @@ var SVGDefines = function SVGDefines(_ref) {
     id: "dataVerification",
     fill: "none"
   }, /*#__PURE__*/React.createElement("g", {
-    transform: "scale(0.9) translate(1.8, 1.4)"
+    transform: "scale(0.84) translate(1.8, 1.4)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M10.4714 7.13807C10.7318 6.87772 10.7318 6.45561 10.4714 6.19526C10.2111 5.93491 9.78895 5.93491 9.5286 6.19526L7.33333 8.39052L6.4714 7.52859C6.21106 7.26825 5.78894 7.26825 5.5286 7.52859C5.26825 7.78894 5.26825 8.21105 5.5286 8.4714L6.86193 9.80474C7.12228 10.0651 7.54439 10.0651 7.80474 9.80474L10.4714 7.13807Z",
     fill: "#363B3F"
@@ -9478,7 +9489,7 @@ var SVGDefines = function SVGDefines(_ref) {
     viewBox: "0 0 16 16",
     fill: "none"
   }, /*#__PURE__*/React.createElement("g", {
-    transform: "scale(1) translate(0, 0)"
+    transform: "scale(0.9) translate(0, 0)"
   }, /*#__PURE__*/React.createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9536,7 +9547,7 @@ var SVGDefines = function SVGDefines(_ref) {
     viewBox: "0 0 18 18",
     fill: "none"
   }, /*#__PURE__*/React.createElement("g", {
-    transform: "scale(0.9) translate(1.8, 1.4)"
+    transform: "scale(0.85) translate(1.8, 1.4)"
   }, /*#__PURE__*/React.createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",

package/dist/index.js

@@ -1093,12 +1093,20 @@ var InputBox = function InputBox() {
     return {};
   }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, firstSelection]);
   React.useLayoutEffect(function () {
+    if (firstSelection.column_focus === 2 && firstSelection.row_focus === 4 && localStorage.getItem('onboardingComplete') !== 'true') {
+      var _inputRef$current;
+      if (((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.innerHTML) !== "") return;
+      var flowdata = fortuneCore.getFlowdata(context);
+      var value = fortuneCore.getCellValue(row_index, col_index, flowdata, "f");
+      inputRef.current.innerHTML = fortuneCore.escapeHTMLTag(fortuneCore.escapeScriptTag(value));
+      return;
+    }
     if (!context.allowEdit) {
       setContext(function (ctx) {
         var flowdata = fortuneCore.getFlowdata(ctx);
         if (!___default['default'].isNil(flowdata) && ctx.forceFormulaRef) {
-          var value = fortuneCore.getCellValue(row_index, col_index, flowdata, "f");
-          fortuneCore.createRangeHightlight(ctx, value);
+          var _value = fortuneCore.getCellValue(row_index, col_index, flowdata, "f");
+          fortuneCore.createRangeHightlight(ctx, _value);
         }
       });
     }
@@ -1111,26 +1119,26 @@ var InputBox = function InputBox() {
       if (___default['default'].isEqual(prevCellUpdate, context.luckysheetCellUpdate) && prevSheetId === context.currentSheetId) {
         return;
       }
-      var flowdata = fortuneCore.getFlowdata(context);
-      var cell = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$row_index = flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : _flowdata$row_index[col_index];
-      var value = "";
+      var _flowdata = fortuneCore.getFlowdata(context);
+      var cell = _flowdata === null || _flowdata === void 0 ? void 0 : (_flowdata$row_index = _flowdata[row_index]) === null || _flowdata$row_index === void 0 ? void 0 : _flowdata$row_index[col_index];
+      var _value2 = "";
       if (cell && !refs.globalCache.overwriteCell) {
         if (fortuneCore.isInlineStringCell(cell)) {
-          value = fortuneCore.getInlineStringHTML(row_index, col_index, flowdata);
+          _value2 = fortuneCore.getInlineStringHTML(row_index, col_index, _flowdata);
         } else if (cell.f) {
-          value = fortuneCore.getCellValue(row_index, col_index, flowdata, "f");
+          _value2 = fortuneCore.getCellValue(row_index, col_index, _flowdata, "f");
           setContext(function (ctx) {
-            fortuneCore.createRangeHightlight(ctx, value);
+            fortuneCore.createRangeHightlight(ctx, _value2);
           });
         } else {
-          value = fortuneCore.valueShowEs(row_index, col_index, flowdata);
+          _value2 = fortuneCore.valueShowEs(row_index, col_index, _flowdata);
           if (Number(cell.qp) === 1) {
-            value = value ? "".concat(value) : value;
+            _value2 = _value2 ? "".concat(_value2) : _value2;
           }
         }
       }
       refs.globalCache.overwriteCell = false;
-      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = fortuneCore.escapeHTMLTag(fortuneCore.escapeScriptTag(value));
+      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = fortuneCore.escapeHTMLTag(fortuneCore.escapeScriptTag(_value2));
       refs.globalCache.ignoreWriteCell = false;
       if (!refs.globalCache.doNotFocus) {
         setTimeout(function () {
@@ -1202,6 +1210,9 @@ var InputBox = function InputBox() {
     }
   }, [getActiveFormula, setContext]);
   var onKeyDown = React.useCallback(function (e) {
+    if (e.key === "Backspace" && firstSelection.column_focus === 2 && firstSelection.row_focus === 4 && localStorage.getItem('onboardingComplete') !== 'true') {
+      inputRef.current.innerHTML = "";
+    }
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
     if (e.key === "Escape" && context.luckysheetCellUpdate.length > 0) {
@@ -1250,7 +1261,7 @@ var InputBox = function InputBox() {
       }
       e.preventDefault();
     }
-  }, [clearSearchItemActiveClass, context.luckysheetCellUpdate.length, selectActiveFormula, setContext]);
+  }, [clearSearchItemActiveClass, context.luckysheetCellUpdate.length, selectActiveFormula, setContext, firstSelection]);
   var onChange = React.useCallback(function (__, isBlur) {
     var e = lastKeyDownEventRef.current;
     if (!e) return;
@@ -1280,7 +1291,7 @@ var InputBox = function InputBox() {
     style: firstSelection && !((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) ? {
       left: firstSelection.left,
       top: firstSelection.top,
-      zIndex: ___default['default'].isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
+      zIndex: ___default['default'].isEmpty(context.luckysheetCellUpdate) ? firstSelection.column_focus === 2 && firstSelection.row_focus === 4 && localStorage.getItem('onboardingComplete') !== 'true' ? 19 : -1 : 19,
       display: "block"
     } : {
       left: -10000,
@@ -8874,7 +8885,7 @@ var SVGDefines = function SVGDefines(_ref) {
     fill: "none",
     id: "image"
   }, /*#__PURE__*/React__default['default'].createElement("g", {
-    transform: "scale(0.9) translate(1.5, 1.4)"
+    transform: "scale(0.83) translate(1.5, 1.4)"
   }, /*#__PURE__*/React__default['default'].createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9240,7 +9251,7 @@ var SVGDefines = function SVGDefines(_ref) {
     id: "formula-sum",
     fill: "none"
   }, /*#__PURE__*/React__default['default'].createElement("g", {
-    transform: "scale(0.9) translate(1.2, 1.2)"
+    transform: "scale(0.83) translate(1.2, 1.2)"
   }, /*#__PURE__*/React__default['default'].createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9435,7 +9446,7 @@ var SVGDefines = function SVGDefines(_ref) {
     viewBox: "0 0 16 16",
     fill: "none"
   }, /*#__PURE__*/React__default['default'].createElement("g", {
-    transform: "scale(1) translate(0, 0)"
+    transform: "scale(0.9) translate(0, 0)"
   }, /*#__PURE__*/React__default['default'].createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9468,7 +9479,7 @@ var SVGDefines = function SVGDefines(_ref) {
     id: "dataVerification",
     fill: "none"
   }, /*#__PURE__*/React__default['default'].createElement("g", {
-    transform: "scale(0.9) translate(1.8, 1.4)"
+    transform: "scale(0.84) translate(1.8, 1.4)"
   }, /*#__PURE__*/React__default['default'].createElement("path", {
     d: "M10.4714 7.13807C10.7318 6.87772 10.7318 6.45561 10.4714 6.19526C10.2111 5.93491 9.78895 5.93491 9.5286 6.19526L7.33333 8.39052L6.4714 7.52859C6.21106 7.26825 5.78894 7.26825 5.5286 7.52859C5.26825 7.78894 5.26825 8.21105 5.5286 8.4714L6.86193 9.80474C7.12228 10.0651 7.54439 10.0651 7.80474 9.80474L10.4714 7.13807Z",
     fill: "#363B3F"
@@ -9489,7 +9500,7 @@ var SVGDefines = function SVGDefines(_ref) {
     viewBox: "0 0 16 16",
     fill: "none"
   }, /*#__PURE__*/React__default['default'].createElement("g", {
-    transform: "scale(1) translate(0, 0)"
+    transform: "scale(0.9) translate(0, 0)"
   }, /*#__PURE__*/React__default['default'].createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
@@ -9547,7 +9558,7 @@ var SVGDefines = function SVGDefines(_ref) {
     viewBox: "0 0 18 18",
     fill: "none"
   }, /*#__PURE__*/React__default['default'].createElement("g", {
-    transform: "scale(0.9) translate(1.8, 1.4)"
+    transform: "scale(0.85) translate(1.8, 1.4)"
   }, /*#__PURE__*/React__default['default'].createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",