@corbe30/fortune-excel
Version:
An Excel import/export import library for FortuneSheet
60 lines (59 loc) • 2.26 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ExportHelper = void 0;
var react_1 = __importDefault(require("react"));
var Transform_1 = require("../common/Transform");
var ICommon_1 = require("../common/ICommon");
var exportHelperStyle = {
display: "flex",
flexDirection: "column",
visibility: "hidden",
backgroundColor: "#fff",
color: "#000",
textAlign: "start",
borderRadius: "4px",
fontSize: "12px",
position: "absolute",
zIndex: 26,
top: "40px",
whiteSpace: "nowrap",
boxShadow: "0 2px 8px rgba(0, 0, 0, 0.35)",
left: "50px",
};
var unstyledButtonStyle = {
width: "100%",
background: "none",
border: "none",
margin: 0,
font: "inherit",
color: "inherit",
cursor: "pointer",
padding: "6px 12px",
outline: "none",
fontFamily: "Arial, Helvetica, sans-serif",
textAlign: "left",
};
var getExportButton = function (fileType, onClick) {
return (react_1.default.createElement("button", { style: unstyledButtonStyle, onMouseEnter: function (e) { return (e.currentTarget.style.backgroundColor = "#ededed"); }, onMouseLeave: function (e) { return (e.currentTarget.style.backgroundColor = "#fff"); }, onClick: function () { return onClick(fileType); } },
"Export as .",
fileType.toLowerCase()));
};
var ExportHelper = function (props) {
var sheetRef = props.sheetRef, config = props.config;
var onMouseLeave = function () {
var exportHelper = document.querySelector(".export-helper");
if (exportHelper)
exportHelper.style.visibility = "hidden";
};
var onClick = function (fileType) {
(0, Transform_1.transformFortuneToExcel)(sheetRef, fileType, true);
onMouseLeave();
};
return (react_1.default.createElement("div", { className: "export-helper", style: exportHelperStyle, onMouseLeave: onMouseLeave },
config.xlsx ? getExportButton(ICommon_1.IFileType.XLSX, onClick) : null,
config.csv ? getExportButton(ICommon_1.IFileType.CSV, onClick) : null));
};
exports.ExportHelper = ExportHelper;