@light-sheet/react
Version:
FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
31 lines • 1.3 kB
JavaScript
import React, { useContext, useMemo } from "react";
import _ from "lodash";
import { getRangetxt } from "@light-sheet/core";
import WorkbookContext from "../../context";
var LocationBox = function LocationBox() {
var _useContext = useContext(WorkbookContext),
context = _useContext.context;
var rangeText = useMemo(function () {
var lastSelection = _.last(context.luckysheet_select_save);
if (!(lastSelection && lastSelection.row_focus != null && lastSelection.column_focus != null)) return "";
var rf = lastSelection.row_focus;
var cf = lastSelection.column_focus;
if (context.config.merge != null && "".concat(rf, "_").concat(cf) in context.config.merge) {
return getRangetxt(context, context.currentSheetId, {
column: [cf, cf],
row: [rf, rf]
});
}
return getRangetxt(context, context.currentSheetId, lastSelection);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [context.currentSheetId, context.luckysheet_select_save]);
return /*#__PURE__*/React.createElement("div", {
className: "fortune-name-box-container"
}, /*#__PURE__*/React.createElement("div", {
className: "fortune-name-box",
tabIndex: 0,
dir: "ltr",
"aria-autocomplete": "list"
}, rangeText));
};
export default LocationBox;