@fileverse-dev/fortune-react 1.0.26-patch-1 → 1.1.0

package/es/components/SheetOverlay/InputBox.js

@@ -1,394 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton, indexToColumnChar } from "@fileverse-dev/fortune-core";
-import React, { useContext, useEffect, useMemo, useRef, useCallback, useLayoutEffect, useState } from "react";
-import _ from "lodash";
-import WorkbookContext from "../../context";
-import ContentEditable from "./ContentEditable";
-import FormulaSearch from "./FormulaSearch";
-import FormulaHint from "./FormulaHint";
-import usePrevious from "../../hooks/usePrevious";
-var InputBox = function InputBox() {
-  var _a, _b, _c, _d, _e, _f;
-  var _g = useContext(WorkbookContext),
-    context = _g.context,
-    setContext = _g.setContext,
-    refs = _g.refs;
-  var inputRef = useRef(null);
-  var lastKeyDownEventRef = useRef(null);
-  var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
-  var prevSheetId = usePrevious(context.currentSheetId);
-  var _h = useState(false),
-    isHidenRC = _h[0],
-    setIsHidenRC = _h[1];
-  var _j = useState(false),
-    isInputBoxActive = _j[0],
-    setIsInputBoxActive = _j[1];
-  var _k = useState({
-      left: 0,
-      top: 0
-    }),
-    frozenPosition = _k[0],
-    setFrozenPosition = _k[1];
-  var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-  var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
-  var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
-  var preText = useRef("");
-  var inputBoxStyle = useMemo(function () {
-    if (firstSelection && context.luckysheetCellUpdate.length > 0) {
-      var flowdata = getFlowdata(context);
-      if (!flowdata) return {};
-      return getStyleByCell(context, flowdata, firstSelection.row_focus, firstSelection.column_focus);
-    }
-    return {};
-  }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, firstSelection]);
-  useLayoutEffect(function () {
-    var _a;
-    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);
-        }
-      });
-    }
-    if (firstSelection && context.luckysheetCellUpdate.length > 0) {
-      if (refs.globalCache.doNotUpdateCell) {
-        delete refs.globalCache.doNotUpdateCell;
-        return;
-      }
-      if (_.isEqual(prevCellUpdate, context.luckysheetCellUpdate) && prevSheetId === context.currentSheetId) {
-        return;
-      }
-      var flowdata = getFlowdata(context);
-      var cell = (_a = flowdata === null || flowdata === void 0 ? void 0 : flowdata[row_index]) === null || _a === void 0 ? void 0 : _a[col_index];
-      var value_1 = "";
-      if (cell && !refs.globalCache.overwriteCell) {
-        if (isInlineStringCell(cell)) {
-          value_1 = getInlineStringHTML(row_index, col_index, flowdata);
-        } else if (cell.f) {
-          value_1 = getCellValue(row_index, col_index, flowdata, "f");
-          setContext(function (ctx) {
-            createRangeHightlight(ctx, value_1);
-          });
-        } else {
-          value_1 = valueShowEs(row_index, col_index, flowdata);
-          if (Number(cell.qp) === 1) {
-            value_1 = value_1 ? "".concat(value_1) : value_1;
-          }
-        }
-      }
-      refs.globalCache.overwriteCell = false;
-      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = escapeHTMLTag(escapeScriptTag(value_1));
-      refs.globalCache.ignoreWriteCell = false;
-      if (!refs.globalCache.doNotFocus) {
-        setTimeout(function () {
-          moveToEnd(inputRef.current);
-        });
-      }
-      delete refs.globalCache.doNotFocus;
-    }
-  }, [context.luckysheetCellUpdate, context.luckysheetfile, context.currentSheetId, firstSelection]);
-  useEffect(function () {
-    if (_.isEmpty(context.luckysheetCellUpdate)) {
-      if (inputRef.current) {
-        inputRef.current.innerHTML = "";
-      }
-    }
-  }, [context.luckysheetCellUpdate]);
-  useEffect(function () {
-    setIsHidenRC(isShowHidenCR(context));
-  }, [context.luckysheet_select_save]);
-  useEffect(function () {
-    var _a;
-    if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) || _.isEmpty(context.luckysheetCellUpdate)) {
-      setIsInputBoxActive(false);
-    }
-  }, [firstSelection, (_b = context.rangeDialog) === null || _b === void 0 ? void 0 : _b.show, context.luckysheetCellUpdate]);
-  var getActiveFormula = useCallback(function () {
-    return document.querySelector(".luckysheet-formula-search-item-active");
-  }, []);
-  var insertSelectedFormula = useCallback(function (formulaName) {
-    var _a;
-    var textEditor = document.getElementById("luckysheet-rich-text-editor");
-    if (!textEditor) return;
-    textEditor.focus();
-    var selection = window.getSelection();
-    var range = (selection === null || selection === void 0 ? void 0 : selection.rangeCount) ? selection.getRangeAt(0) : null;
-    if (!selection || !range || !textEditor.contains(range.startContainer)) {
-      range = document.createRange();
-      range.selectNodeContents(textEditor);
-      range.collapse(false);
-      selection = window.getSelection();
-      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-    }
-    var searchTxt = ((_a = getrangeseleciton()) === null || _a === void 0 ? void 0 : _a.textContent) || "";
-    var deleteCount = searchTxt === "=" ? 0 : searchTxt.length;
-    if (deleteCount > 0 && range.startContainer.nodeType === Node.TEXT_NODE && textEditor.contains(range.startContainer)) {
-      var startOffset = Math.max(range.startOffset - deleteCount, 0);
-      var endOffset = range.startOffset;
-      range.setStart(range.startContainer, startOffset);
-      range.setEnd(range.startContainer, endOffset);
-      range.deleteContents();
-    }
-    textEditor.querySelectorAll(".luckysheet-formula-text-func, .luckysheet-formula-text-lpar").forEach(function (el) {
-      return el.remove();
-    });
-    var funcNode = new DOMParser().parseFromString("<span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span>"), "text/html").body.firstChild;
-    var parNode = new DOMParser().parseFromString("<span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>", "text/html").body.firstChild;
-    if (range && parNode && funcNode) {
-      range.insertNode(funcNode);
-      range.collapse(false);
-      range.insertNode(parNode);
-      range.collapse(false);
-      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-    }
-    setContext(function (draftCtx) {
-      draftCtx.functionCandidates = [];
-      draftCtx.defaultCandidates = [];
-      draftCtx.functionHint = formulaName;
-    });
-  }, [setContext]);
-  var clearSearchItemActiveClass = useCallback(function () {
-    var activeFormula = getActiveFormula();
-    if (activeFormula) {
-      activeFormula.classList.remove("luckysheet-formula-search-item-active");
-    }
-  }, [getActiveFormula]);
-  var selectActiveFormula = useCallback(function (e) {
-    var _a, _b;
-    var formulaName = (_b = (_a = getActiveFormula()) === null || _a === void 0 ? void 0 : _a.querySelector(".luckysheet-formula-search-func")) === null || _b === void 0 ? void 0 : _b.textContent;
-    if (formulaName) {
-      insertSelectedFormula(formulaName);
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, [getActiveFormula, insertSelectedFormula]);
-  var selectActiveFormulaOnClick = useCallback(function (e) {
-    var _a, _b;
-    if (e.target.className.includes("sign-fortune")) return;
-    preText.current = inputRef.current.innerText;
-    var formulaName = (_b = (_a = getActiveFormula()) === null || _a === void 0 ? void 0 : _a.querySelector(".luckysheet-formula-search-func")) === null || _b === void 0 ? void 0 : _b.textContent;
-    if (formulaName) {
-      insertSelectedFormula(formulaName);
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, [getActiveFormula, insertSelectedFormula]);
-  var onKeyDown = useCallback(function (e) {
-    lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
-    preText.current = inputRef.current.innerText;
-    if (e.key === "Escape" && context.luckysheetCellUpdate.length > 0) {
-      setContext(function (draftCtx) {
-        cancelNormalSelected(draftCtx);
-        moveHighlightCell(draftCtx, "down", 0, "rangeOfSelect");
-      });
-      e.preventDefault();
-    } else if (e.key === "Enter" && context.luckysheetCellUpdate.length > 0) {
-      if (e.altKey || e.metaKey) {
-        document.execCommand("insertHTML", false, "\n ");
-        document.execCommand("delete", false);
-        e.stopPropagation();
-      } else selectActiveFormula(e);
-    } else if (e.key === "Tab" && context.luckysheetCellUpdate.length > 0) {
-      selectActiveFormula(e);
-      e.preventDefault();
-    } else if (e.key === "F4" && context.luckysheetCellUpdate.length > 0) {
-      e.preventDefault();
-    } else if (e.key === "ArrowUp" && context.luckysheetCellUpdate.length > 0) {
-      if (document.getElementById("luckysheet-formula-search-c")) {
-        var formulaSearchContainer = document.getElementById("luckysheet-formula-search-c");
-        var activeItem = formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelector(".luckysheet-formula-search-item-active");
-        var previousItem = activeItem ? activeItem.previousElementSibling : null;
-        while (previousItem && !previousItem.classList.contains("luckysheet-formula-search-item")) {
-          previousItem = previousItem.previousElementSibling;
-        }
-        if (!previousItem) {
-          var items = formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelectorAll(".luckysheet-formula-search-item");
-          var lastItem = items === null || items === void 0 ? void 0 : items[items.length - 1];
-          previousItem = lastItem || null;
-        }
-        clearSearchItemActiveClass();
-        if (previousItem) {
-          previousItem.classList.add("luckysheet-formula-search-item-active");
-        }
-      }
-      e.preventDefault();
-    } else if (e.key === "ArrowDown" && context.luckysheetCellUpdate.length > 0) {
-      if (document.getElementById("luckysheet-formula-search-c")) {
-        var formulaSearchContainer = document.getElementById("luckysheet-formula-search-c");
-        var activeItem = formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelector(".luckysheet-formula-search-item-active");
-        var nextItem = activeItem ? activeItem.nextElementSibling : null;
-        while (nextItem && !nextItem.classList.contains("luckysheet-formula-search-item")) {
-          nextItem = nextItem.nextElementSibling;
-        }
-        if (!nextItem) {
-          nextItem = (formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelector(".luckysheet-formula-search-item")) || null;
-        }
-        clearSearchItemActiveClass();
-        if (nextItem) {
-          nextItem.classList.add("luckysheet-formula-search-item-active");
-        }
-      }
-      e.preventDefault();
-    }
-  }, [clearSearchItemActiveClass, context.luckysheetCellUpdate.length, selectActiveFormula, setContext, firstSelection]);
-  var onChange = useCallback(function (__, isBlur) {
-    var e = lastKeyDownEventRef.current;
-    if (!e) return;
-    var kcode = e.keyCode;
-    if (!kcode) return;
-    if (!(kcode >= 112 && kcode <= 123 || kcode <= 46 || kcode === 144 || kcode === 108 || e.ctrlKey || e.altKey || e.shiftKey && (kcode === 37 || kcode === 38 || kcode === 39 || kcode === 40)) || kcode === 8 || kcode === 32 || kcode === 46 || e.ctrlKey && kcode === 86) {
-      setContext(function (draftCtx) {
-        if ((draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start || israngeseleciton(draftCtx)) && isBlur) return;
-        if (!isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) {
-          return;
-        }
-        handleFormulaInput(draftCtx, refs.fxInput.current, refs.cellInput.current, kcode, preText.current);
-      });
-    }
-  }, [refs.cellInput, refs.fxInput, setContext]);
-  var onPaste = useCallback(function (e) {
-    if (_.isEmpty(context.luckysheetCellUpdate)) {
-      e.preventDefault();
-    }
-  }, [context.luckysheetCellUpdate]);
-  var cfg = context.config || {};
-  var rowReadOnly = cfg.rowReadOnly || {};
-  var colReadOnly = cfg.colReadOnly || {};
-  var edit = !((colReadOnly[col_index] || rowReadOnly[row_index]) && context.allowEdit === true);
-  var getInputBoxPosition = useCallback(function () {
-    var _a;
-    if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show)) {
-      return {
-        left: -10000,
-        top: -10000,
-        display: "block"
-      };
-    }
-    var canvasContainer = refs.cellArea.current;
-    if (!canvasContainer) {
-      return {
-        left: firstSelection.left || 0,
-        top: firstSelection.top || 0,
-        display: "block"
-      };
-    }
-    if (isInputBoxActive) {
-      return {
-        left: frozenPosition.left,
-        top: frozenPosition.top,
-        zIndex: _.isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
-        display: "block"
-      };
-    }
-    var containerRect = canvasContainer.getBoundingClientRect();
-    var initialLeft = containerRect.left + (firstSelection.left || 0) - context.scrollLeft;
-    var initialTop = containerRect.top + (firstSelection.top || 0) - context.scrollTop;
-    return {
-      left: initialLeft,
-      top: initialTop,
-      zIndex: _.isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
-      display: "block"
-    };
-  }, [firstSelection, (_c = context.rangeDialog) === null || _c === void 0 ? void 0 : _c.show, context.luckysheetCellUpdate, refs.cellArea, isInputBoxActive, frozenPosition, context.scrollLeft, context.scrollTop]);
-  useEffect(function () {
-    var _a;
-    if (firstSelection && !((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) && !isInputBoxActive && !_.isEmpty(context.luckysheetCellUpdate)) {
-      var canvasContainer = refs.cellArea.current;
-      if (canvasContainer) {
-        var containerRect = canvasContainer.getBoundingClientRect();
-        var initialLeft = containerRect.left + (firstSelection.left || 0) - context.scrollLeft;
-        var initialTop = containerRect.top + (firstSelection.top || 0) - context.scrollTop;
-        setFrozenPosition({
-          left: initialLeft,
-          top: initialTop
-        });
-        setIsInputBoxActive(true);
-      }
-    }
-  }, [firstSelection, (_d = context.rangeDialog) === null || _d === void 0 ? void 0 : _d.show, context.luckysheetCellUpdate, isInputBoxActive, context.scrollLeft, context.scrollTop, refs.cellArea]);
-  var getAddressIndicatorPosition = useCallback(function () {
-    var _a;
-    if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show)) {
-      return {
-        display: "none"
-      };
-    }
-    return {
-      top: "-18px",
-      left: "0",
-      display: "block"
-    };
-  }, [firstSelection, (_e = context.rangeDialog) === null || _e === void 0 ? void 0 : _e.show]);
-  var getCellAddress = useCallback(function () {
-    if (!firstSelection) return "";
-    var rowIndex = firstSelection.row_focus || 0;
-    var colIndex = firstSelection.column_focus || 0;
-    var columnChar = indexToColumnChar(colIndex);
-    var rowNumber = rowIndex + 1;
-    return "".concat(columnChar).concat(rowNumber);
-  }, [firstSelection]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-input-box",
-    style: getInputBoxPosition(),
-    onMouseDown: function onMouseDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseUp: function onMouseUp(e) {
-      return e.stopPropagation();
-    }
-  }, firstSelection && !((_f = context.rangeDialog) === null || _f === void 0 ? void 0 : _f.show) && (/*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-cell-address-indicator",
-    style: getAddressIndicatorPosition()
-  }, getCellAddress())), /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-input-box-inner",
-    style: firstSelection ? __assign({
-      minWidth: firstSelection.width,
-      minHeight: firstSelection.height
-    }, inputBoxStyle) : {}
-  }, /*#__PURE__*/React.createElement(ContentEditable, {
-    innerRef: function innerRef(e) {
-      inputRef.current = e;
-      refs.cellInput.current = e;
-    },
-    className: "luckysheet-cell-input",
-    id: "luckysheet-rich-text-editor",
-    style: {
-      transform: "scale(".concat(context.zoomRatio, ")"),
-      transformOrigin: "left top",
-      width: "".concat(100 / context.zoomRatio, "%"),
-      height: "".concat(100 / context.zoomRatio, "%")
-    },
-    "aria-autocomplete": "list",
-    onChange: onChange,
-    onKeyDown: onKeyDown,
-    onPaste: onPaste,
-    allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0) && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
-    onMouseMove: function onMouseMove(e) {
-      if (document.getElementById("luckysheet-formula-search-c")) {
-        var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
-        if (!hoveredItem) return;
-        clearSearchItemActiveClass();
-        hoveredItem.classList.add("luckysheet-formula-search-item-active");
-      }
-      e.preventDefault();
-    },
-    onMouseDown: function onMouseDown(e) {
-      selectActiveFormulaOnClick(e);
-    }
-  }), /*#__PURE__*/React.createElement(FormulaHint, null))));
-};
-export default InputBox;

package/es/components/SheetOverlay/RowHeader.js

@@ -1,187 +0,0 @@
-import { rowLocation, rowLocationByIndex, selectTitlesMap, selectTitlesRange, handleContextMenu, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, fixRowStyleOverflowInFreeze, handleRowFreezeHandleMouseDown, getSheetIndex, fixPositionOnFrozenCells } from "@fileverse-dev/fortune-core";
-import _ from "lodash";
-import React, { useContext, useState, useRef, useCallback, useEffect, useMemo } from "react";
-import WorkbookContext from "../../context";
-var RowHeader = function RowHeader() {
-  var _a;
-  var _b = useContext(WorkbookContext),
-    context = _b.context,
-    setContext = _b.setContext,
-    settings = _b.settings,
-    refs = _b.refs;
-  var rowChangeSizeRef = useRef(null);
-  var containerRef = useRef(null);
-  var _c = useState({
-      row: -1,
-      row_pre: -1,
-      row_index: -1
-    }),
-    hoverLocation = _c[0],
-    setHoverLocation = _c[1];
-  var _d = useState(false),
-    hoverInFreeze = _d[0],
-    setHoverInFreeze = _d[1];
-  var _e = useState([]),
-    selectedLocation = _e[0],
-    setSelectedLocation = _e[1];
-  var sheetIndex = getSheetIndex(context, context.currentSheetId);
-  var sheet = sheetIndex == null ? null : context.luckysheetfile[sheetIndex];
-  var freezeHandleTop = useMemo(function () {
-    var _a, _b, _c, _d, _e, _f;
-    if (((_a = sheet === null || sheet === void 0 ? void 0 : sheet.frozen) === null || _a === void 0 ? void 0 : _a.type) === "row" || ((_b = sheet === null || sheet === void 0 ? void 0 : sheet.frozen) === null || _b === void 0 ? void 0 : _b.type) === "rangeRow" || ((_c = sheet === null || sheet === void 0 ? void 0 : sheet.frozen) === null || _c === void 0 ? void 0 : _c.type) === "rangeBoth" || ((_d = sheet === null || sheet === void 0 ? void 0 : sheet.frozen) === null || _d === void 0 ? void 0 : _d.type) === "both") {
-      return rowLocationByIndex(((_f = (_e = sheet === null || sheet === void 0 ? void 0 : sheet.frozen) === null || _e === void 0 ? void 0 : _e.range) === null || _f === void 0 ? void 0 : _f.row_focus) || 0, context.visibledatarow)[1] + context.scrollTop;
-    }
-    return context.scrollTop;
-  }, [context.visibledatarow, sheet === null || sheet === void 0 ? void 0 : sheet.frozen, context.scrollTop]);
-  var onMouseMove = useCallback(function (e) {
-    var _a;
-    if (context.luckysheet_rows_change_size) {
-      return;
-    }
-    var mouseY = e.pageY - containerRef.current.getBoundingClientRect().top - window.scrollY;
-    var _y = mouseY + containerRef.current.scrollTop;
-    var freeze = (_a = refs.globalCache.freezen) === null || _a === void 0 ? void 0 : _a[context.currentSheetId];
-    var _b = fixPositionOnFrozenCells(freeze, 0, _y, 0, mouseY),
-      y = _b.y,
-      inHorizontalFreeze = _b.inHorizontalFreeze;
-    var row_location = rowLocation(y, context.visibledatarow);
-    var row_pre = row_location[0],
-      row = row_location[1],
-      row_index = row_location[2];
-    if (row_pre !== hoverLocation.row_pre || row !== hoverLocation.row) {
-      setHoverLocation({
-        row_pre: row_pre,
-        row: row,
-        row_index: row_index
-      });
-      setHoverInFreeze(inHorizontalFreeze);
-    }
-  }, [context.luckysheet_rows_change_size, context.visibledatarow, hoverLocation.row, hoverLocation.row_pre, refs.globalCache.freezen, context.currentSheetId]);
-  var onMouseDown = useCallback(function (e) {
-    var nativeEvent = e.nativeEvent;
-    setContext(function (draftCtx) {
-      handleRowHeaderMouseDown(draftCtx, refs.globalCache, nativeEvent, containerRef.current, refs.cellInput.current, refs.fxInput.current);
-    });
-  }, [refs.globalCache, refs.cellInput, refs.fxInput, setContext]);
-  var onMouseLeave = useCallback(function () {
-    if (context.luckysheet_rows_change_size) {
-      return;
-    }
-    setHoverLocation({
-      row: -1,
-      row_pre: -1,
-      row_index: -1
-    });
-  }, [context.luckysheet_rows_change_size]);
-  var onRowSizeHandleMouseDown = useCallback(function (e) {
-    var nativeEvent = e.nativeEvent;
-    setContext(function (draftCtx) {
-      handleRowSizeHandleMouseDown(draftCtx, refs.globalCache, nativeEvent, containerRef.current, refs.workbookContainer.current, refs.cellArea.current);
-    });
-    e.stopPropagation();
-  }, [refs.cellArea, refs.globalCache, refs.workbookContainer, setContext]);
-  var onRowFreezeHandleMouseDown = useCallback(function (e) {
-    var nativeEvent = e.nativeEvent;
-    setContext(function (draftCtx) {
-      handleRowFreezeHandleMouseDown(draftCtx, refs.globalCache, nativeEvent, containerRef.current, refs.workbookContainer.current, refs.cellArea.current);
-    });
-    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, "rowHeader");
-    });
-  }, [refs.workbookContainer, setContext, settings, refs.cellArea]);
-  useEffect(function () {
-    var _a;
-    var s = context.luckysheet_select_save || [];
-    if (_.isNil(s)) return;
-    setSelectedLocation([]);
-    if ((_a = s[0]) === null || _a === void 0 ? void 0 : _a.column_select) return;
-    var rowTitleMap = {};
-    for (var i = 0; i < s.length; i += 1) {
-      var r1 = s[i].row[0];
-      var r2 = s[i].row[1];
-      rowTitleMap = selectTitlesMap(rowTitleMap, r1, r2);
-    }
-    var rowTitleRange = selectTitlesRange(rowTitleMap);
-    var selects = [];
-    for (var i = 0; i < rowTitleRange.length; i += 1) {
-      var r1 = rowTitleRange[i][0];
-      var r2 = rowTitleRange[i][rowTitleRange[i].length - 1];
-      var row = rowLocationByIndex(r2, context.visibledatarow)[1];
-      var row_pre = rowLocationByIndex(r1, context.visibledatarow)[0];
-      if (_.isNumber(row_pre) && _.isNumber(row)) {
-        selects.push({
-          row: row,
-          row_pre: row_pre,
-          r1: r1,
-          r2: r2
-        });
-      }
-    }
-    setSelectedLocation(selects);
-  }, [context.luckysheet_select_save, context.visibledatarow]);
-  useEffect(function () {
-    containerRef.current.scrollTop = context.scrollTop;
-  }, [context.scrollTop]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: "fortune-row-header",
-    style: {
-      width: context.rowHeaderWidth - 1.5,
-      height: context.cellmainHeight
-    },
-    onMouseMove: onMouseMove,
-    onMouseDown: onMouseDown,
-    onMouseLeave: onMouseLeave,
-    onContextMenu: onContextMenu
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-rows-freeze-handle",
-    onMouseDown: onRowFreezeHandleMouseDown,
-    style: {
-      top: freezeHandleTop
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-rows-change-size",
-    ref: rowChangeSizeRef,
-    onMouseDown: onRowSizeHandleMouseDown,
-    style: {
-      top: hoverLocation.row - 3 + (hoverInFreeze ? context.scrollTop : 0),
-      opacity: context.luckysheet_rows_change_size ? 1 : 0
-    }
-  }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? (/*#__PURE__*/React.createElement("div", {
-    className: "fortune-row-header-hover",
-    style: _.assign({
-      top: hoverLocation.row_pre,
-      height: hoverLocation.row - hoverLocation.row_pre - 1,
-      display: "block"
-    }, fixRowStyleOverflowInFreeze(context, hoverLocation.row_index, hoverLocation.row_index, (_a = refs.globalCache.freezen) === null || _a === void 0 ? void 0 : _a[context.currentSheetId]))
-  })) : null, selectedLocation.map(function (_a, i) {
-    var _b;
-    var row = _a.row,
-      row_pre = _a.row_pre,
-      r1 = _a.r1,
-      r2 = _a.r2;
-    return /*#__PURE__*/React.createElement("div", {
-      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]))
-    });
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: context.rh_height,
-      width: 1
-    },
-    id: "luckysheetrowHeader_0",
-    className: "luckysheetsheetchange"
-  }));
-};
-export default RowHeader;

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

@@ -1,40 +0,0 @@
-.luckysheet-scrollbar-ltr {
-  position: absolute;
-  overflow: hidden;
-  z-index: 1003;
-}
-
-.luckysheet-scrollbar-ltr div {
-  height: 1px;
-  width: 1px;
-}
-
-.luckysheet-scrollbar-x {
-  bottom: 0px;
-  overflow-x: scroll;
-}
-
-.luckysheet-scrollbar-y {
-  right: 0px;
-  top: 0px;
-  overflow-y: scroll;
-}
-
-.luckysheet-scrollbar-ltr::-webkit-scrollbar {
-  background-color: transparent;
-  width: 8px;
-  height: 8px;
-}
-
-.luckysheet-scrollbar-ltr::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.luckysheet-scrollbar-ltr::-webkit-scrollbar-thumb {
-  background-color: #babac0;
-  border-radius: 16px;
-}
-
-.luckysheet-scrollbar-ltr::-webkit-scrollbar-button {
-  display: none;
-}

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

@@ -1,47 +0,0 @@
-import React, { useContext, useEffect } from "react";
-import WorkbookContext from "../../../context";
-import "./index.css";
-var ScrollBar = function ScrollBar(_a) {
-  var axis = _a.axis;
-  var _b = useContext(WorkbookContext),
-    context = _b.context,
-    refs = _b.refs,
-    setContext = _b.setContext;
-  useEffect(function () {
-    if (axis === "x") {
-      refs.scrollbarX.current.scrollLeft = context.scrollLeft;
-    } else {
-      refs.scrollbarY.current.scrollTop = context.scrollTop;
-    }
-  }, [axis === "x" ? context.scrollLeft : context.scrollTop]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: axis === "x" ? refs.scrollbarX : refs.scrollbarY,
-    style: axis === "x" ? {
-      left: context.rowHeaderWidth,
-      width: "calc(100% - ".concat(context.rowHeaderWidth, "px)")
-    } : {
-      height: "100%"
-    },
-    className: "luckysheet-scrollbars luckysheet-scrollbar-ltr luckysheet-scrollbar-".concat(axis),
-    onScroll: function onScroll() {
-      if (axis === "x") {
-        setContext(function (draftCtx) {
-          draftCtx.scrollLeft = refs.scrollbarX.current.scrollLeft;
-        });
-      } else {
-        setContext(function (draftCtx) {
-          draftCtx.scrollTop = refs.scrollbarY.current.scrollTop;
-        });
-      }
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: axis === "x" ? {
-      width: context.ch_width,
-      height: 10
-    } : {
-      width: 10,
-      height: context.rh_height
-    }
-  }));
-};
-export default ScrollBar;