import type {
  AsTableOption,
  ConditionalFormatting,
  ExcelTable,
  Formula,
  HeaderFooterOption,
  MergeRowConditionMap,
  ProtectionOptionKey,
  RowMap,
  StyleMapper,
  Buffer,
  SheetProcessResult,
  CellStrReference,
  ShapeRC,
  Data,
  ExcelTableReturnType,
} from "../data-model/excel-table";
import { generateColumnName } from "../utils/generate-column-name";
import { styleGenerator } from "../utils/content-generator/styles";
import { contentTypeGenerator } from "../utils/content-generator/content-types";
import { appGenerator } from "../utils/content-generator/app";
import { generateCellRowCol } from "../utils/generate-formula-cell";
import { convertToHex } from "../utils/color";
import {
  commentConvertor,
  defaultCellCommentStyle,
  generateCommentTag,
} from "../utils/comment";
import { generateMultiStyleByArray } from "../utils/multi-value";
import {
  cols as colsDef,
  formatMap as defaultFormatMap,
} from "../data-model/const-data";
import { toDataURL2 } from "../utils/image";
import { getColRowBaseOnRefString } from "../utils/excel-util";
import { specialCharacterConverter } from "../utils/special-character";
import type JSZip from "jszip";
import { generateDropDown } from "../utils/drop-down-utils";
import { processDataValidation } from "../utils/data-validation.utils";
export async function generateExcel<T extends object = object>(
  data: ExcelTable<T>
): ExcelTableReturnType {
  if (typeof data.creator == "string" && data.creator.trim().length <= 0) {
    throw 'length of "creator" most be bigger then 0';
  }
  if (
    typeof data.created == "string" &&
    new Date(data.created).toString() == "Invalid Date"
  ) {
    throw '"created" is not valid date';
  }
  if (
    typeof data.modified == "string" &&
    new Date(data.modified).toString() == "Invalid Date"
  ) {
    throw '"modified" is not valid date';
  }
  let formatMap = defaultFormatMap;
  if (data.formatMap && typeof data.formatMap == "object") {
    formatMap = {
      ...formatMap,
      ...data.formatMap,
    };
  }
  const isBackend = data.backend;
  const operatorMap: Record<string, string> = {
    lt: "lessThan",
    gt: "greaterThan",
    between: "between",
    ct: "containsText",
    eq: "equal",
  };
  let cols: string[] = [...colsDef];
  if (data.numberOfColumn && data.numberOfColumn > 25) {
    cols = generateColumnName(cols, data.numberOfColumn);
  }
  const JSZipModule = (await import("jszip")).default;
  let zip = new JSZipModule();
  const sheetsData = data.sheet ?? [
    {
      headers: [],
      data: [],
    },
  ];
  const sheetLength = sheetsData.length;
  // xl
  const xlFolder: JSZip | null = zip.folder("xl");
  let xl_media_Folder: JSZip | null | undefined = null;

  let xl_drawingsFolder: JSZip | null | undefined = null;
  let xl_drawings_relsFolder: JSZip | null | undefined = null;
  const inputStyle = { ...(data.styles ?? {}) };
  if (data.addDefaultTitleStyle) {
    inputStyle["titleStyle"] = {
      alignment: {
        horizontal: "center",
        vertical: "center",
      },
    };
  }
  const styleKeys = Object.keys(inputStyle);
  const defaultCommentStyle = defaultCellCommentStyle;
  const addCF = data.activateConditionalFormatting
    ? data.activateConditionalFormatting
    : false;
  const headerFooterStyle: Record<string, string> = {};
  const cFMapIndex: Record<string, number> = {};
  let styleMapper: StyleMapper = styleKeys.reduce(
    (res: StyleMapper, cur) => {
      const styleObject = inputStyle[cur];
      if (
        styleObject?.type &&
        (styleObject.type == "headerFooter" || styleObject.type == "HF")
      ) {
        let result = "";
        let fontProcessLeft = "-";
        let fontProcessRight = "Regular";
        if (styleObject.fontFamily) {
          fontProcessLeft = styleObject.fontFamily;
        }
        if (styleObject.bold) {
          fontProcessRight = "Bold";
        }
        if (styleObject.italic) {
          if (fontProcessRight == "Regular") {
            fontProcessRight = "";
          }
          fontProcessRight += "Italic";
        }
        if (fontProcessLeft != "-" || fontProcessRight != "Regular") {
          result =
            "&amp;" + '"' + fontProcessLeft + "," + fontProcessRight + '"';
        }
        if (styleObject.size) {
          result += "&amp;" + styleObject.size;
        }
        if (styleObject.doubleUnderline) {
          result += "&amp;E";
        } else if (styleObject.underline) {
          result += "&amp;U";
        }
        if (styleObject.color) {
          const convertedColor = convertToHex(styleObject.color, isBackend);
          if (typeof convertedColor == "string" && convertedColor.length > 0) {
            result += "&amp;K" + convertedColor.toUpperCase();
          }
        }
        headerFooterStyle[cur] = result;
        return res;
      }
      if (
        addCF &&
        typeof styleObject?.type === "string" &&
        styleObject.type &&
        (styleObject.type == "conditionalFormatting" ||
          styleObject.type.toUpperCase() == "CF")
      ) {
        cFMapIndex[cur] = res.conditionalFormatting.count;
        let color = convertToHex(styleObject.color, isBackend);
        let bgColor = convertToHex(styleObject.backgroundColor, isBackend);
        res.conditionalFormatting.value +=
          '<dxf><font><color rgb="' +
          color +
          '"/></font><fill> <patternFill> <bgColor rgb="' +
          bgColor +
          '"/></patternFill></fill></dxf>';
        res.conditionalFormatting.count++;
        return res;
      }
      const indexes = {
        fillIndex: 0,
        fontIndex: 0,
        borderIndex: 0,
        formatIndex: 0,
      };
      if (styleObject?.backgroundColor) {
        let fgConvertor = convertToHex(styleObject.backgroundColor, isBackend);
        indexes.fillIndex = res.fill.count;
        res.fill.count++;
        res.fill.value =
          res.fill.value +
          "<fill>" +
          '<patternFill patternType="solid">' +
          (fgConvertor
            ? '<fgColor rgb="' + fgConvertor.replace("#", "") + '" />'
            : "") +
          "</patternFill>" +
          "</fill>";
      }
      if (
        styleObject?.color ||
        styleObject?.fontFamily ||
        styleObject?.size ||
        styleObject?.bold ||
        styleObject?.italic ||
        styleObject?.underline ||
        styleObject?.doubleUnderline
      ) {
        const colors = convertToHex(styleObject.color, isBackend);

        indexes.fontIndex = res.font.count;
        res.font.count++;
        res.font.value =
          res.font.value +
          "<font>" +
          (styleObject.bold ? "<b/>" : "") +
          (styleObject.italic ? "<i />" : "") +
          (styleObject.underline || styleObject.doubleUnderline
            ? "<u " +
              (styleObject.doubleUnderline ? ' val="double" ' : "") +
              "/>"
            : "") +
          (styleObject.size ? '<sz val="' + styleObject.size + '" />' : "") +
          (colors ? '<color rgb="' + colors.replace("#", "") + '" />' : "") +
          (styleObject.fontFamily
            ? '<name val="' + styleObject.fontFamily + '" />'
            : "") +
          "</font>";
        res.commentSyntax.value[cur] =
          "<rPr>" +
          (styleObject.bold ? "<b/>" : "") +
          (styleObject.italic ? "<i/>" : "") +
          (styleObject.underline || styleObject.doubleUnderline
            ? "<u " +
              (styleObject.doubleUnderline ? 'val="double" ' : "") +
              "/>"
            : "") +
          '<sz val="' +
          (styleObject.size ? styleObject.size : "9") +
          '" />' +
          (colors ? '<color rgb="' + colors.replace("#", "") + '" />' : "") +
          '<rFont val="' +
          (styleObject.fontFamily ? styleObject.fontFamily : "Tahoma") +
          '" />' +
          "</rPr>";
      }
      let endPart = "/>";
      if (styleObject?.alignment) {
        let directionHasBeenSet = false;
        endPart =
          ' applyAlignment="1">' +
          "<alignment " +
          Object.entries(styleObject.alignment).reduce(
            (al, [alignmentOptionName, alignmentOptionValue]) => {
              if (alignmentOptionName === "rtl") {
                alignmentOptionName = "readingOrder";
                alignmentOptionValue = 2;
              } else if (alignmentOptionName === "ltr") {
                alignmentOptionName = "readingOrder";
                alignmentOptionValue = 1;
              }
              if (alignmentOptionName === "readingOrder") {
                directionHasBeenSet = true;
              }
              if (directionHasBeenSet) {
                return al;
              }
              return (
                al +
                " " +
                alignmentOptionName +
                '="' +
                alignmentOptionValue +
                '" '
              );
            },
            "",
          ) +
          " />" +
          "</xf>";
      }
      const borderObj = styleObject?.border;
      let borderStr = "";
      if (typeof borderObj === "object") {
        if (borderObj.left || borderObj.full) {
          borderStr +=
            '<left style="' +
            (borderObj.left || borderObj.full)!.style +
            '">' +
            '<color rgb="' +
            convertToHex(
              (borderObj.left || borderObj.full)!.color,
              isBackend,
            )!.replace("#", "") +
            '" />' +
            "</left>";
        }
        if (borderObj.right || borderObj.full) {
          borderStr +=
            '<right style="' +
            (borderObj.right || borderObj.full)!.style +
            '">' +
            '<color rgb="' +
            convertToHex(
              (borderObj.right || borderObj.full)!.color,
              isBackend,
            )!.replace("#", "") +
            '" />' +
            "</right>";
        }
        if (borderObj.top || borderObj.full) {
          borderStr +=
            '<top style="' +
            (borderObj.top || borderObj.full)!.style +
            '">' +
            '<color rgb="' +
            convertToHex(
              (borderObj.top || borderObj.full)!.color,
              isBackend,
            )!.replace("#", "") +
            '" />' +
            "</top>";
        }
        if (borderObj.bottom || borderObj.full) {
          borderStr +=
            '<bottom style="' +
            (borderObj.bottom || borderObj.full)!.style +
            '">' +
            '<color rgb="' +
            convertToHex(
              (borderObj.bottom || borderObj.full)!.color,
              isBackend,
            )!.replace("#", "") +
            '" />' +
            "</bottom>";
        }
        indexes.borderIndex = res.border.count;
        res.border.count++;
        res.border.value +=
          "<border>" + borderStr + "<diagonal />" + "</border>";
      }
      if (styleObject?.format) {
        const format = formatMap[styleObject.format];
        if (format) {
          indexes.formatIndex = format.key;
          if ("value" in format) {
            res.format.count++;
            res.format.value += format.value;
          }
        }
      }
      res.cell.value =
        res.cell.value +
        '<xf numFmtId="' +
        indexes.formatIndex +
        '"' +
        ' fontId="' +
        indexes.fontIndex +
        '" fillId="' +
        indexes.fillIndex +
        '" borderId="' +
        indexes.borderIndex +
        '" xfId="0"' +
        (indexes.borderIndex > 0 ? ' applyBorder="1" ' : "") +
        (indexes.fillIndex > 0 ? ' applyFill="1" ' : "") +
        (indexes.fontIndex >= 0 ? ' applyFont="1" ' : "") +
        (indexes.formatIndex > 0 ? ' applyNumberFormat="1" ' : "") +
        endPart;
      res.styleIndexMap[cur] = res.cell.count;
      res.cell.count++;
      return res;
    },
    {
      conditionalFormatting: {
        count: addCF ? 1 : 0,
        value:
          '<dxf><font><color rgb="FF9C0006"/></font><fill> <patternFill> <bgColor rgb="FFFFC7CE"/></patternFill></fill></dxf>',
      },
      styleIndexMap: {},
      commentSyntax: {
        value: {},
      },
      format: {
        count: 0,
        value: "",
      },
      border: {
        count: 1,
        value: "",
      },
      fill: {
        count: 2,
        value: "",
      },
      font: {
        count: 2,
        value: "",
      },
      cell: {
        count: 2,
        value: "",
      },
    },
  );

  xlFolder?.file("styles.xml", styleGenerator(styleMapper, addCF));

  let sheetContentType =
    '<Override ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" PartName="/xl/worksheets/sheet1.xml" />';
  let sharedString = "";
  let sharedStringIndex = 0;
  let workbookString = "";
  let workbookRelString = "";
  let sharedStringMap: {
    [key: string]: string;
  } = {};
  const mapData: {
    [key: string]: SheetProcessResult;
  } = {};
  let sheetNameApp = "";
  let indexId = 4;
  let selectedAdded = false;
  let activeTabIndex = -1;
  let arrTypes: string[] = [];
  let imageCounter = 1;
  const formCtrlMap = {
    checkbox:
      '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
      '<formControlPr xmlns="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main" objectType="CheckBox" **value** **fmlaLink** lockText="1" noThreeD="1"/>',
  };
  let shapeIdCounter = 1024;
  const shapeMap = {
    checkbox: `<v:shape id="***id***" type="#_x0000_t201" style='position:absolute;
  margin-left:1.5pt;margin-top:1.5pt;width:63pt;height:16.5pt;z-index:1;
  mso-wrap-style:tight' filled="f" fillcolor="window [65]" stroked="f"
  strokecolor="windowText [64]" o:insetmode="auto">
  <v:path shadowok="t" strokeok="t" fillok="t"/>
  <o:lock v:ext="edit" rotation="t"/>
  <v:textbox style='mso-direction-alt:auto' o:singleclick="f">
   <div style='text-align:left'><font face="Segoe UI" size="160" color="auto">***text***</font></div>
  </v:textbox>
  <x:ClientData ObjectType="Checkbox">
   <x:SizeWithCells/>
   <x:Anchor>
    0, 2, 0, 2, 0, 86, 1, 0</x:Anchor>
   <x:AutoFill>False</x:AutoFill>
   <x:AutoLine>False</x:AutoLine>
   <x:TextVAlign>Center</x:TextVAlign>
   <x:NoThreeD/>
  </x:ClientData>
 </v:shape>`,
  };
  const shapeTypeMap = {
    checkbox: `<v:shapetype id="_x0000_t201" coordsize="21600,21600" o:spt="201"
  path="m,l,21600r21600,l21600,xe">
  <v:stroke joinstyle="miter"/>
  <v:path shadowok="f" o:extrusionok="f" strokeok="f" fillok="f" o:connecttype="rect"/>
  <o:lock v:ext="edit" shapetype="t"/>
 </v:shapetype>`,
  };

  let checkboxForm: string[] = [];
  let calcChainValue = "";
  let needCalcChain = false;
  let xl_tableFolder: JSZip | null | undefined = null;
  for (let index = 0; index < sheetLength; index++) {
    const sheetData = sheetsData[index];
    if (!sheetData) {
      continue;
    }
    const sheetDataId = index + 1;
    let rowMap: RowMap = {};
    let sheetDimensions: CellStrReference = {
      start: "",
      end: "",
    };
    const asTable = sheetData.asTable;
    let sheetDataTableColumns = "";
    let rowCount =
      sheetData.shiftTop && sheetData.shiftTop >= 0
        ? sheetData.shiftTop + 1
        : 1;
    let sheetDataString = "";
    let sheetSizeString = "";
    let sheetSortFilter = "";
    let splitOption = "";
    let sheetViewProperties = "";
    let viewType: string = "";
    let hasCheckbox = false;
    let checkboxDrawingContent = "";
    let checkboxShape = "";
    let formRel = "";
    let checkboxSheetContent = "";
    let mergesCellArray: string[] = Object.assign([], sheetData.merges);
    let formulaSheetObj: Formula = Object.assign({}, sheetData.formula);
    let conditionalFormatting: ConditionalFormatting[] = Object.assign(
      [],
      sheetData.conditionalFormatting,
    );
    let hasComment = false;
    let commentAuthor: string[] = [];
    let commentString = "";
    let shapeCommentRowCol: ShapeRC[] = [];
    let objKey: string[] = [];
    let headerFormula: number[] = [];
    let headerConditionalFormatting: number[] = [];
    let mergeRowConditionMap: MergeRowConditionMap = {};
    let sheetHeaderFooter = "";
    let isPortrait = false;
    let sheetBreakLine = "";
    if (sheetData.zoomScale) {
      sheetViewProperties +=
        (sheetData.zoomScale.startAt
          ? ' topLeftCell="' + sheetData.zoomScale.startAt + '" '
          : "") +
        '  zoomScale="' +
        sheetData.zoomScale.scale +
        '" zoomScaleNormal="' +
        sheetData.zoomScale.scale +
        '"  ';
    }
    if (sheetData.rtl) {
      sheetViewProperties += ' rightToLeft="1" ';
    }
    if (sheetData.pageBreak) {
      const pageBreak = sheetData.pageBreak;
      if (pageBreak.row && Array.isArray(pageBreak.row)) {
        viewType = "pageBreakPreview";
        const rowLength = pageBreak.row.length;
        sheetBreakLine +=
          '<rowBreaks count="' +
          rowLength +
          '" manualBreakCount="' +
          rowLength +
          '">' +
          pageBreak.row.reduce(
            (result, current) =>
              result + '<brk id="' + current + '" max="16383" man="1"/>',
            "",
          ) +
          "</rowBreaks>";
      }
      if (pageBreak.column && Array.isArray(pageBreak.column)) {
        viewType = "pageBreakPreview";
        const columnLength = pageBreak.column.length;
        sheetBreakLine +=
          '<colBreaks count="' +
          columnLength +
          '" manualBreakCount="' +
          columnLength +
          '">' +
          pageBreak.column.reduce(
            (result, current) =>
              result + '<brk id="' + current + '" max="16383" man="1"/>',
            "",
          ) +
          "</colBreaks>";
      }
    }
    let sheetMargin = "";
    if (sheetData.pageOption) {
      const pageOption = sheetData.pageOption;
      if (pageOption.isPortrait) {
        isPortrait = true;
      }
      if (pageOption.margin) {
        const margin = pageOption.margin;
        let result = {
          left: 0.7,
          right: 0.7,
          top: 0.75,
          bottom: 0.75,
          header: 0.3,
          footer: 0.3,
        };
        Object.keys(result).forEach((marginKey) => {
          if (typeof margin[marginKey as keyof object] == "number") {
            result[marginKey as keyof object] =
              margin[marginKey as keyof object];
          }
        });
        sheetMargin =
          '<pageMargins left="' +
          result["left"] +
          '" right="' +
          result["right"] +
          '" top="' +
          result["top"] +
          '" bottom="' +
          result["bottom"] +
          '" header="' +
          result["header"] +
          '" footer="' +
          result["footer"] +
          '"/>';
      }
      let typeKeeper = "";
      let odd = "";
      let even = "";
      let first = "";
      const keyKey = ["header", "footer"];
      keyKey.forEach((keyObj) => {
        const endTag = keyObj.charAt(0).toUpperCase() + keyObj.substring(1);
        if (pageOption[keyObj as keyof object]) {
          const element = pageOption[keyObj as keyof object];
          if (typeof element == "object") {
            Object.keys(element).forEach((typeHF) => {
              if (typeKeeper.indexOf(typeHF) < 0) {
                typeKeeper += typeHF;
              }
              const typeObj = element[typeHF];
              let node = "";
              Object.keys(typeObj)
                .reduce((resultKey, currentKey) => {
                  if (currentKey == "l") {
                    resultKey.splice(0, 0, currentKey);
                  } else if (currentKey == "c") {
                    resultKey.splice(1, 0, currentKey);
                  } else if (currentKey == "r") {
                    resultKey.splice(2, 0, currentKey);
                  }
                  return resultKey;
                }, [] as string[])
                .forEach((direction) => {
                  const dirObj = <HeaderFooterOption>typeObj[direction];
                  node += "&amp;" + direction.toUpperCase();
                  if (dirObj.styleId && headerFooterStyle[dirObj.styleId]) {
                    node += headerFooterStyle[dirObj.styleId];
                  }
                  if (dirObj.text) {
                    node += dirObj.text;
                  }
                });
              node =
                "<" +
                typeHF +
                endTag +
                ">" +
                node +
                "</" +
                typeHF +
                endTag +
                ">";
              if (typeHF == "odd") {
                odd += node;
              } else if (typeHF == "even") {
                even += node;
              } else if (typeHF == "first") {
                first += node;
              } else {
                throw "type error";
              }
            });
          }
        }
      });
      sheetHeaderFooter = odd + even + first;
      if (sheetHeaderFooter.length > 0) {
        isPortrait = true;
        const oddEvenFlag =
          typeKeeper.length == "oddeven".length ||
          typeKeeper.length == "oddevenfirst".length
            ? ' differentOddEven="1"'
            : "";
        const firstFlag =
          typeKeeper.indexOf("first") >= 0 ? ' differentFirst="1"' : "";
        sheetHeaderFooter =
          "<headerFooter" +
          oddEvenFlag +
          firstFlag +
          ">" +
          sheetHeaderFooter +
          "</headerFooter>";
      }
    }
    if (sheetData.viewOption) {
      let splitState = "";
      const viewOption = sheetData.viewOption;
      if (viewOption.type) {
        viewType = viewOption.type;
      }
      if (viewOption.hideRuler) {
        sheetViewProperties += ' showRuler="0" ';
      }
      if (viewOption.hideGrid) {
        sheetViewProperties += ' showGridLines="0" ';
      }
      if (viewOption.hideHeadlines) {
        sheetViewProperties += ' showRowColHeaders="0" ';
      }
      let split = viewOption.splitOption;
      if (typeof split == "undefined") {
        isPortrait = false;
        if (typeof viewOption.frozenOption == "object") {
          const frozen = viewOption.frozenOption;
          splitState = ' state="frozen" ';
          if (frozen.type == "R" || frozen.type == "ROW") {
            let fIndex;
            if (typeof frozen.index == "object") {
              fIndex = frozen.index.r;
            } else {
              fIndex = frozen.index;
            }
            split = {
              startAt: {
                b: "A" + (fIndex + 1),
              },
              type: "H",
              split: fIndex,
            };
          } else if (frozen.type == "C" || frozen.type == "COLUMN") {
            let fIndex;
            if (typeof frozen.index == "object") {
              fIndex = frozen.index.c;
            } else {
              fIndex = frozen.index;
            }
            if (fIndex > cols.length - 1) {
              cols = generateColumnName(cols, fIndex);
            }
            //TODO
            split = {
              type: "V",
              startAt: {
                r: cols[fIndex]! + 1,
              },
              split: fIndex,
            };
          } else if (frozen.type == "B" || frozen.type == "BOTH") {
            let two = "";
            let splitO;
            if (typeof frozen.index === "number") {
              splitO = frozen.index as number;
              if (!cols[splitO]) {
                cols = generateColumnName(cols, splitO);
              }
              two = cols[splitO]! + (frozen.index + 1);
            } else {
              splitO = {
                y: frozen.index.r,
                x: frozen.index.c,
              };
              if (!cols[frozen.index.c]) {
                cols = generateColumnName(cols, frozen.index.c as number);
              }
              two = cols[frozen.index.c]! + (frozen.index.r + 1);
            }
            split = {
              startAt: {
                two,
              },
              type: "B",
              split: splitO,
            };
          }
        }
      }
      if (split) {
        if (split.type == "H" || split.type == "HORIZONTAL") {
          let ref;
          if (split.startAt) {
            ref = split.startAt.b;
            if (split.startAt.t) {
              sheetViewProperties += ' topLeftCell="' + split.startAt.t + '"';
            }
          }
          if (!ref) {
            ref = "A1";
          }
          splitOption =
            '<pane ySplit="' +
            ((typeof split.split == "object" && split.split.y) || split.split) +
            '" topLeftCell="' +
            ref +
            '" activePane="bottomLeft"' +
            splitState +
            "/>";
        } else if (split.type == "V" || split.type == "VERTICAL") {
          let ref;
          if (split.startAt) {
            ref = split.startAt.r;
            if (split.startAt.l) {
              sheetViewProperties += ' topLeftCell="' + split.startAt.l + '"';
            }
          }
          if (!ref) {
            ref = "A1";
          }
          splitOption =
            '<pane xSplit="' +
            ((typeof split.split == "object" && split.split.x) || split.split) +
            '" topLeftCell="' +
            ref +
            '" activePane="topLeft"' +
            splitState +
            "/>";
        } else {
          let ref;
          if (split.startAt) {
            ref = split.startAt.two;
            if (split.startAt.one) {
              sheetViewProperties += ' topLeftCell="' + split.startAt.one + '"';
            }
          }
          if (!ref) {
            ref = "A1";
          }
          splitOption =
            '<pane xSplit="' +
            ((typeof split.split == "object" && split.split.x) || split.split) +
            '" ySplit="' +
            ((typeof split.split == "object" && split.split.y) || split.split) +
            '" topLeftCell="' +
            ref +
            '" activePane="bottomLeft"' +
            splitState +
            "/>";
        }
      }
    }

    if (isPortrait) {
      viewType = "pageLayout";
    }
    if (sheetData.checkbox) {
      hasCheckbox = true;
      const strFormDef = formCtrlMap["checkbox"];
      sheetData.checkbox.forEach((v, i) => {
        let formCtlStr = strFormDef;
        if (v.link) {
          let linkAddress = getColRowBaseOnRefString(v.link, cols);
          formCtlStr = formCtlStr.replace(
            "**fmlaLink**",
            'fmlaLink="$' +
              cols[linkAddress.col] +
              "$" +
              (linkAddress.row + 1) +
              '"',
          );
        } else {
          formCtlStr = formCtlStr.replace("**fmlaLink**", "");
        }
        if (v.mixed) {
          formCtlStr = formCtlStr.replace("**value**", 'checked="Mixed"');
        } else {
          if (v.checked) {
            formCtlStr = formCtlStr.replace("**value**", 'checked="Checked"');
          } else {
            formCtlStr = formCtlStr.replace("**value**", "");
          }
        }
        if (v.threeD) {
          formCtlStr.replace('noThreeD="1"', "");
        }
        checkboxForm.push(formCtlStr);
        shapeIdCounter++;
        let shapeId = index + "" + shapeIdCounter++;
        const sId = "_x0000_s" + shapeId;
        checkboxShape += shapeMap["checkbox"]
          .replace("***id***", sId)
          .replace("***text***", v.text);

        let from = v.startStr;
        let to = v.endStr;
        let resultVal = {
          start: {
            col: 0,
            row: 0,
          },
          end: {
            col: 1,
            row: 1,
          },
        };
        if (v.col && v.row) {
          resultVal = {
            start: {
              col: v.col,
              row: v.row - 1,
            },
            end: {
              col: v.col,
              row: v.row,
            },
          };
        }
        if (typeof from == "string" && from.length >= 2) {
          let p = getColRowBaseOnRefString(from, cols);
          resultVal.start = {
            ...p,
          };
          resultVal.end = {
            col: p.col + 1,
            row: p.row + 1,
          };
        }
        if (typeof to == "string" && to.length >= 2) {
          let p = getColRowBaseOnRefString(to, cols);
          p.row += 1;
          p.col += 1;
          resultVal.end = {
            ...p,
          };
        }
        checkboxSheetContent +=
          '<mc:AlternateContent xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"><mc:Choice Requires="x14"><control shapeId="' +
          shapeId +
          '" r:id="rId' +
          (7 + i) +
          '" name="' +
          v.text +
          '"><controlPr defaultSize="0" autoFill="0" autoLine="0" autoPict="0"><anchor moveWithCells="1"><from><xdr:col>' +
          resultVal.start.col +
          "</xdr:col><xdr:colOff>19050</xdr:colOff><xdr:row>" +
          resultVal.start.row +
          "</xdr:row><xdr:rowOff>19050</xdr:rowOff></from><to><xdr:col>" +
          resultVal.end.col +
          "</xdr:col><xdr:colOff>819150</xdr:colOff><xdr:row>" +
          resultVal.end.row +
          "</xdr:row><xdr:rowOff>0</xdr:rowOff></to></anchor></controlPr></control></mc:Choice></mc:AlternateContent>";
        formRel +=
          '<Relationship Id="rId' +
          (7 + i) +
          '" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/ctrlProp" ' +
          'Target="../ctrlProps/ctrlProp' +
          checkboxForm.length +
          '.xml" />';
        checkboxDrawingContent +=
          '<mc:AlternateContent xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"><mc:Choice xmlns:a14="http://schemas.microsoft.com/office/drawing/2010/main" Requires="a14"><xdr:twoCellAnchor editAs="oneCell"><xdr:from><xdr:col>' +
          resultVal.start.col +
          "</xdr:col><xdr:colOff>19050</xdr:colOff><xdr:row>" +
          resultVal.start.row +
          "</xdr:row><xdr:rowOff>19050</xdr:rowOff></xdr:from><xdr:to><xdr:col>" +
          resultVal.end.col +
          "</xdr:col><xdr:colOff>819150</xdr:colOff><xdr:row>" +
          resultVal.end.row +
          '</xdr:row><xdr:rowOff>0</xdr:rowOff></xdr:to><xdr:sp macro="" textlink=""><xdr:nvSpPr><xdr:cNvPr id="' +
          shapeId +
          '" name="' +
          v.text +
          '" hidden="1"><a:extLst><a:ext uri=""><a14:compatExt spid="' +
          sId +
          '"/></a:ext><a:ext uri=""><a16:creationId xmlns:a16="http://schemas.microsoft.com/office/drawing/2014/main" id=""/></a:ext>' +
          '</a:extLst></xdr:cNvPr><xdr:cNvSpPr/></xdr:nvSpPr><xdr:spPr bwMode="auto"><a:xfrm><a:off x="0" y="0"/><a:ext cx="0" cy="0"/></a:xfrm>' +
          '<a:prstGeom prst="rect"><a:avLst/></a:prstGeom><a:noFill/><a:ln><a:noFill/></a:ln></xdr:spPr><xdr:txBody>' +
          '<a:bodyPr vertOverflow="clip" wrap="square" lIns="27432" tIns="18288" rIns="0" bIns="18288" anchor="ctr" upright="1"/>' +
          '<a:lstStyle/><a:p><a:pPr algn="l" rtl="0"><a:defRPr sz="1000"/></a:pPr><a:r><a:rPr lang="en-US" sz="800" b="0" i="0" u="none" strike="noStrike" baseline="0"><a:solidFill>' +
          '<a:srgbClr val="000000"/></a:solidFill><a:latin typeface="Segoe UI"/><a:cs typeface="Segoe UI"/></a:rPr><a:t>' +
          v.text +
          "</a:t></a:r></a:p></xdr:txBody></xdr:sp><xdr:clientData/></xdr:twoCellAnchor></mc:Choice><mc:Fallback/></mc:AlternateContent>";
      });
    }
    let backgroundImagePromise;
    if (sheetData.backgroundImage) {
      if (xl_media_Folder == null) {
        xl_media_Folder = xlFolder?.folder("media");
      }
      const urlImg = sheetData.backgroundImage;
      backgroundImagePromise = new Promise(async (resolve, reject) => {
        let indexImageType = urlImg.lastIndexOf(".");
        let type;
        if (indexImageType > 0) {
          type = urlImg.substring(indexImageType + 1).toLowerCase();
          if (type.length > 4) {
            if (type.indexOf("gif") >= 0) {
              type = "gif";
            } else if (type.indexOf("jpg") >= 0) {
              type = "jpg";
            } else if (type.indexOf("jpeg") >= 0) {
              type = "jpeg";
            } else {
              type = "png";
            }
          }
        } else {
          type = "png";
        }
        const ref = imageCounter++;
        const name = "image" + ref + "." + type;
        const image = await toDataURL2(urlImg, name, isBackend, data.fetch);
        if (!image) {
          reject("image not load");
        }

        arrTypes.push(type);
        resolve({
          name,
          type,
          image,
          ref,
        });
      });
    }
    let imagePromise;
    if (sheetData.images) {
      if (xl_media_Folder == null) {
        xl_media_Folder = xlFolder?.folder("media");
      }
      imagePromise = Promise.all([
        ...sheetData.images.map(async (v, i) => {
          let indexImageType = v.url.lastIndexOf(".");
          let type;
          if (indexImageType > 0) {
            type = v.url.substring(indexImageType + 1).toLowerCase();
            if (type.length > 4) {
              if (type.indexOf("gif") >= 0) {
                type = "gif";
              } else if (type.indexOf("jpg") >= 0) {
                type = "jpg";
              } else if (type.indexOf("jpeg") >= 0) {
                type = "jpeg";
              } else {
                type = "png";
              }
            }
          } else {
            type = "png";
          }
          arrTypes.push(type);
          const name = "image" + imageCounter++ + "." + type;
          return {
            type,
            image: await toDataURL2(v.url, name, isBackend, data.fetch),
            obj: v,
            i,
            name,
          };
        }),
      ]);
    }
    if (Array.isArray(sheetData.headers) && sheetData.headers.length) {
      const colsLength = sheetData.headers.length;
      let titleRow = "";
      if (sheetData.title) {
        const title = sheetData.title;
        const commentTitle = title.comment;
        const top = title.shiftTop && title.shiftTop >= 0 ? title.shiftTop : 0;
        const sL =
          sheetData.shiftLeft && sheetData.shiftLeft >= 0
            ? sheetData.shiftLeft
            : 0;
        const left =
          title.shiftLeft && title.shiftLeft + sL >= 0
            ? title.shiftLeft + sL
            : sL;
        const consommeRow = title.consommeRow ? title.consommeRow - 1 : 1;
        const consommeCol = title.consommeCol ? title.consommeCol : colsLength;
        const height =
          consommeRow == 0 && typeof title.height == "number"
            ? ' ht="' + title.height + '" customHeight="1" '
            : "";
        const tStyle = title.styleId ? title.styleId : "titleStyle";
        const refString = cols[left] + "" + (rowCount + top);
        mergesCellArray.push(
          refString +
            ":" +
            cols[left + consommeCol - 1] +
            (rowCount + consommeRow + top),
        );
        if (typeof commentTitle != "undefined") {
          hasComment = true;
          const commentObj = commentConvertor(
            commentTitle,
            styleMapper.commentSyntax.value,
            defaultCommentStyle,
          );
          let authorId = commentAuthor.length;
          if (commentObj.hasAuthor && typeof commentObj.author != "undefined") {
            let auth = commentObj.author.toString();
            const index = commentAuthor.indexOf(auth);
            if (index < 0) {
              commentAuthor.push(auth);
            } else {
              authorId = index;
            }
          }
          shapeCommentRowCol.push({
            row: rowCount + top - 1,
            col: left,
          });
          commentString += generateCommentTag(
            refString,
            commentObj.commentStr,
            commentObj.commentStyle,
            authorId,
          );
        }
        if (typeof title.text == "string") {
          rowMap[rowCount + top] = {
            startTag:
              '<row r="' +
              (rowCount + top) +
              '" ' +
              height +
              ' spans="1:' +
              Math.max(left + consommeCol - 1, 1) +
              '">',
            details:
              '<c r="' +
              refString +
              '" ' +
              (styleMapper.styleIndexMap[tStyle]
                ? ' s="' + styleMapper.styleIndexMap[tStyle] + '" '
                : "") +
              ' t="s"><v>' +
              sharedStringIndex +
              "</v></c>",
            endTag: "</row>",
          };
          titleRow +=
            '<row r="' +
            (rowCount + top) +
            '" ' +
            height +
            ' spans="1:' +
            Math.max(left + consommeCol - 1, 1) +
            '">';
          titleRow +=
            '<c r="' +
            refString +
            '" ' +
            (styleMapper.styleIndexMap[tStyle]
              ? ' s="' + styleMapper.styleIndexMap[tStyle] + '" '
              : "") +
            ' t="s"><v>' +
            sharedStringIndex +
            "</v></c>";
          titleRow += "</row>";
          sharedStringIndex++;
          sharedStringMap[title.text] = title.text;
          if (title.multiStyleValue && Array.isArray(title.multiStyleValue)) {
            sharedString += generateMultiStyleByArray(
              title.multiStyleValue,
              styleMapper.commentSyntax.value,
              tStyle,
            );
          } else {
            sharedString +=
              "<si><t>" + specialCharacterConverter(title.text) + "</t></si>";
          }
        }
        rowCount += top + consommeRow + 1;
      }
      let headerStyleKey = sheetData.headerStyleKey
        ? sheetData.headerStyleKey
        : null;
      let shiftCount = 0;
      if (typeof sheetData.shiftLeft == "number" && sheetData.shiftLeft >= 0) {
        shiftCount = sheetData.shiftLeft;
      }
      if (asTable) {
        sheetDataTableColumns +=
          '<tableColumns count="' + sheetData.headers.length + '">';
        if (!xl_tableFolder) {
          xl_tableFolder = xlFolder?.folder("tables");
        }
      }
      sheetDimensions.start = cols[shiftCount] + "" + rowCount;
      sheetDimensions.end =
        cols[shiftCount + sheetData.headers.length - 1] +
        "" +
        (rowCount + sheetData.data.length);

      sheetData.headers.forEach((v, innerIndex) => {
        if (asTable) {
          sheetDataTableColumns +=
            '<tableColumn id="' +
            (innerIndex + 1) +
            '" name="' +
            v.text +
            '"/>';
        }
        if (shiftCount) {
          innerIndex += shiftCount;
        }
        if (v.formula) {
          headerFormula.push(innerIndex);
        }
        if (v.conditionalFormatting && addCF) {
          headerConditionalFormatting.push(innerIndex);
        }
        objKey.push(v.label);
        if (
          sheetData.mergeRowDataCondition &&
          typeof sheetData.mergeRowDataCondition == "function"
        ) {
          let result = sheetData.mergeRowDataCondition(
            v,
            null,
            innerIndex,
            true,
          );
          if (result === true) {
            if (!cols[innerIndex]) {
              cols = generateColumnName(cols, innerIndex as number);
            }
            mergeRowConditionMap[cols[innerIndex]!] = {
              inProgress: true,
              start: rowCount,
            };
          }
        }
        if (
          sheetData.styleCellCondition &&
          typeof sheetData.styleCellCondition == "function"
        ) {
          headerStyleKey =
            sheetData.styleCellCondition(
              v,
              v,
              rowCount,
              innerIndex,
              true,
              styleKeys,
            ) || headerStyleKey;
        }
        if (v.size && v.size > 0) {
          sheetSizeString +=
            '<col min="' +
            (innerIndex + 1) +
            '" max="' +
            (innerIndex + 1) +
            '" width="' +
            v.size +
            '" customWidth="1" />';
        }
        if (sheetData.withoutHeader) {
          return;
        }
        const refString = cols[innerIndex] + "" + rowCount;
        if (typeof sheetData.commentCondition == "function") {
          const checkCommentCondition = sheetData.commentCondition(
            v,
            null,
            v.label,
            rowCount,
            innerIndex,
            true,
          );
          if (
            typeof checkCommentCondition == "string" ||
            (typeof checkCommentCondition == "object" &&
              checkCommentCondition != null)
          ) {
            v.comment = checkCommentCondition;
          }
        }
        if (v.comment) {
          hasComment = true;
          const commentObj = commentConvertor(
            v.comment,
            styleMapper.commentSyntax.value,
            defaultCommentStyle,
          );
          let authorId = commentAuthor.length;
          if (commentObj.hasAuthor && typeof commentObj.author != "undefined") {
            let auth = commentObj.author.toString();
            const index = commentAuthor.indexOf(auth);
            if (index < 0) {
              commentAuthor.push(auth);
            } else {
              authorId = index;
            }
          }
          shapeCommentRowCol.push({
            row: rowCount - 1,
            col: innerIndex,
          });
          commentString += generateCommentTag(
            refString,
            commentObj.commentStr,
            commentObj.commentStyle,
            authorId,
          );
        }
        const formula = formulaSheetObj && formulaSheetObj[refString];
        if (formula) {
          const f = generateCellRowCol(
            refString,
            formula,
            sheetDataId,
            styleMapper.styleIndexMap,
          );
          if (f.needCalcChain) {
            needCalcChain = true;
            calcChainValue += f.chainCell;
          }
          sheetDataString += f.cell;
          delete formulaSheetObj![refString];
        } else {
          sheetDataString +=
            '<c r="' +
            cols[innerIndex] +
            rowCount +
            '" ' +
            (headerStyleKey && styleMapper.styleIndexMap[headerStyleKey]
              ? ' s="' + styleMapper.styleIndexMap[headerStyleKey] + '" '
              : "") +
            " " +
            't="s"><v>' +
            sharedStringIndex +
            "</v></c>";
          if (typeof sheetData.multiStyleCondition == "function") {
            const multi = sheetData.multiStyleCondition(
              v,
              null,
              v.label,
              rowCount,
              innerIndex,
              true,
            );
            if (multi) {
              v.multiStyleValue = multi;
            }
          }
          if (v.multiStyleValue && Array.isArray(v.multiStyleValue)) {
            sharedString += generateMultiStyleByArray(
              v.multiStyleValue,
              styleMapper.commentSyntax.value,
              headerStyleKey ? headerStyleKey : "",
            );
          } else {
            sharedString +=
              "<si><t>" + specialCharacterConverter(v.text) + "</t></si>";
          }
          sharedStringMap[v.text] = v.text;

          sharedStringIndex++;
        }
      });
      if (asTable) {
        sheetDataTableColumns += "</tableColumns>";
      }
      if (!sheetData.withoutHeader) {
        const rowTag =
          '<row r="' +
          rowCount +
          '" spans="1:' +
          Math.max(colsLength, 1) +
          '" ' +
          (sheetData.headerHeight
            ? 'ht="' + sheetData.headerHeight + '" customHeight="1"'
            : "") +
          (sheetData.headerRowOption
            ? Object.keys(sheetData.headerRowOption).reduce((res, curr) => {
                return (
                  res +
                  " " +
                  curr +
                  '="' +
                  sheetData.headerRowOption![curr as keyof object] +
                  '" '
                );
              }, "  ")
            : "") +
          ">";
        rowMap[rowCount] = {
          startTag: rowTag,
          endTag: "</row>",
          details: sheetDataString,
        };
        sheetDataString = titleRow + rowTag + sheetDataString + "</row>";
        rowCount++;
      } else {
        sheetDataString += titleRow;
      }
      if (Array.isArray(sheetData.data)) {
        const keyOutline: keyof Data<T> = (
          sheetData.mapSheetDataOption &&
          sheetData.mapSheetDataOption.outlineLevel
            ? sheetData.mapSheetDataOption.outlineLevel
            : "outlineLevel"
        ) as keyof Data<T>;
        const keyHidden: keyof Data<T> = (
          sheetData.mapSheetDataOption && sheetData.mapSheetDataOption.hidden
            ? sheetData.mapSheetDataOption.hidden
            : "hidden"
        ) as keyof Data<T>;
        const keyHeight: keyof Data<T> = (
          sheetData.mapSheetDataOption && sheetData.mapSheetDataOption.height
            ? sheetData.mapSheetDataOption.height
            : "height"
        ) as keyof Data<T>;
        const rowLength = sheetData.data.length;
        sheetData.data.forEach((mData, innerIndex) => {
          //TODO
          if (mData["mergeType" as keyof T]) {
            for (
              let iIndex = 0;
              iIndex < (mData["mergeType" as keyof T] as []).length;
              iIndex++
            ) {
              const mergeType = mData["mergeType" as keyof object][iIndex];
              const mergeStart = mData["mergeStart" as keyof object][iIndex];
              const mergeValue = mData["mergeValue" as keyof object][index];
              let mergeStr = "";
              if (mergeType == "both") {
                mergeStr =
                  cols[mergeStart] +
                  "" +
                  rowCount +
                  ":" +
                  cols[mergeStart + mergeValue[1]] +
                  "" +
                  (rowCount + mergeValue[0]);
              } else {
                if (mergeType == "col") {
                  mergeStr =
                    cols[mergeStart] +
                    "" +
                    rowCount +
                    ":" +
                    cols[mergeStart + mergeValue[0]] +
                    "" +
                    rowCount;
                } else {
                  mergeStr =
                    cols[mergeStart] +
                    "" +
                    rowCount +
                    ":" +
                    cols[mergeStart] +
                    "" +
                    (rowCount + mergeValue[0]);
                }
              }

              mergesCellArray.push(mergeStr);
            }
          }
          const rowStyle = mData.rowStyle;
          const rowTagStart =
            '<row r="' +
            rowCount +
            '" spans="1:' +
            Math.max(colsLength, 1) +
            '" ' +
            (keyHeight in mData
              ? 'ht="' + mData[keyHeight] + '" customHeight="1"'
              : "") +
            (keyOutline in mData
              ? ' outlineLevel="' + mData[keyOutline] + '"'
              : "") +
            (keyHidden in mData ? ' hidden="' + mData[keyHidden] + '"' : "") +
            " >";
          sheetDataString += rowTagStart;
          let rowDataString = "";
          objKey.forEach((key, keyIndex) => {
            if (shiftCount) {
              keyIndex += shiftCount;
            }
            const cellValue = mData[key as keyof object] * 1;
            let dataEl: number | boolean | string =
              sheetData.convertStringToNumber && !isNaN(cellValue)
                ? cellValue
                : mData[key as keyof object];
            if (typeof dataEl === "boolean") {
              dataEl = dataEl + "";
            }
            let cellStyle = rowStyle;
            if (
              sheetData.styleCellCondition &&
              typeof sheetData.styleCellCondition == "function"
            ) {
              cellStyle =
                sheetData.styleCellCondition(
                  dataEl,
                  mData,
                  rowCount,
                  keyIndex,
                  false,
                  styleKeys,
                ) || rowStyle;
            }
            if (
              sheetData.mergeRowDataCondition &&
              typeof sheetData.mergeRowDataCondition == "function"
            ) {
              let result = sheetData.mergeRowDataCondition(
                dataEl,
                key,
                keyIndex,
                false,
              );
              if (!cols[keyIndex]) {
                cols = generateColumnName(cols, keyIndex);
              }
              const columnKey = cols[keyIndex]!;

              let item = mergeRowConditionMap[columnKey];
              if (result === true) {
                if (!item || (item && !item.inProgress)) {
                  mergeRowConditionMap[columnKey] = {
                    inProgress: true,
                    start: rowCount,
                  };
                }
              } else {
                if (item && item.inProgress) {
                  mergesCellArray.push(
                    columnKey + item.start + ":" + columnKey + (rowCount - 1),
                  );

                  mergeRowConditionMap[columnKey] = {
                    inProgress: false,
                    start: -1,
                  };
                }
              }
            }
            if (typeof dataEl == "undefined") {
              dataEl = "";
            }
            const refString = cols[keyIndex] + "" + rowCount;
            if (typeof sheetData.commentCondition == "function") {
              const checkCommentCondition = sheetData.commentCondition(
                dataEl,
                mData,
                key,
                rowCount,
                keyIndex,
                false,
              );
              if (
                typeof checkCommentCondition == "string" ||
                (typeof checkCommentCondition == "object" &&
                  checkCommentCondition != null)
              ) {
                if (typeof mData.comment !== "object") {
                  mData.comment = {};
                }
                mData.comment[key] = checkCommentCondition;
              }
            }
            if (typeof mData.comment == "object" && key in mData.comment) {
              const cellComment = mData.comment[key];
              hasComment = true;
              const commentObj = commentConvertor(
                cellComment ?? "",
                styleMapper.commentSyntax.value,
                defaultCommentStyle,
              );
              if (
                commentObj.hasAuthor &&
                typeof commentObj.author != "undefined"
              ) {
                commentAuthor.push(commentObj.author.toString());
              }
              shapeCommentRowCol.push({
                row: rowCount - 1,
                col: keyIndex,
              });
              let authorId = commentAuthor.length;
              if (
                commentObj.hasAuthor &&
                typeof commentObj.author != "undefined"
              ) {
                let auth = commentObj.author.toString();
                const index = commentAuthor.indexOf(auth);
                if (index < 0) {
                  commentAuthor.push(auth);
                } else {
                  authorId = index;
                }
              }
              commentString += generateCommentTag(
                refString,
                commentObj.commentStr,
                commentObj.commentStyle,
                authorId,
              );
            }
            const formula = formulaSheetObj && formulaSheetObj[refString];
            if (formula) {
              const f = generateCellRowCol(
                refString,
                formula,
                sheetDataId,
                styleMapper.styleIndexMap,
              );
              if (f.needCalcChain) {
                needCalcChain = true;
                calcChainValue += f.chainCell;
              }
              sheetDataString += f.cell;
              rowDataString += f.cell;
              delete formulaSheetObj![refString];
            } else {
              if (typeof dataEl == "string") {
                const localCell =
                  '<c r="' +
                  cols[keyIndex] +
                  rowCount +
                  '" t="s" ' +
                  (cellStyle && styleMapper.styleIndexMap[cellStyle]
                    ? 's="' + styleMapper.styleIndexMap[cellStyle] + '"'
                    : "") +
                  "><v>" +
                  sharedStringIndex +
                  "</v></c>";
                rowDataString += localCell;
                sheetDataString += localCell;
                if (typeof sheetData.multiStyleCondition == "function") {
                  const multi = sheetData.multiStyleCondition(
                    dataEl,
                    mData,
                    key,
                    rowCount,
                    keyIndex,
                    false,
                  );
                  if (multi) {
                    if (
                      !("multiStyleValue" in mData) ||
                      typeof mData.multiStyleValue == "undefined"
                    ) {
                      mData.multiStyleValue = {};
                    }
                    mData.multiStyleValue[key] = multi;
                  }
                }
                if (
                  "multiStyleValue" in mData &&
                  mData.multiStyleValue &&
                  key in mData.multiStyleValue &&
                  Array.isArray(mData.multiStyleValue[key])
                ) {
                  sharedString += generateMultiStyleByArray(
                    mData.multiStyleValue[key],
                    styleMapper.commentSyntax.value,
                    cellStyle ? cellStyle : "",
                  );
                } else {
                  sharedString +=
                    "<si><t>" + specialCharacterConverter(dataEl) + "</t></si>";
                }
                sharedStringMap[dataEl] = dataEl;
                sharedStringIndex++;
              } else {
                const localCell =
                  '<c r="' +
                  cols[keyIndex] +
                  rowCount +
                  '" ' +
                  (cellStyle && styleMapper.styleIndexMap[cellStyle]
                    ? 's="' + styleMapper.styleIndexMap[cellStyle] + '"'
                    : "") +
                  "><v>" +
                  dataEl +
                  "</v></c>";
                sheetDataString += localCell;
                rowDataString += localCell;
              }
            }
          });
          if (rowLength - 1 == innerIndex) {
            Object.entries(mergeRowConditionMap).forEach(([key, value]) => {
              if (value.inProgress) {
                mergesCellArray.push(key + value.start + ":" + key + rowCount);
              }
            });
          }
          rowMap[rowCount] = {
            startTag: rowTagStart,
            endTag: "</row>",
            details: rowDataString,
          };
          rowCount++;
          sheetDataString += "</row>";
        });
        if (sheetData.sortAndFilter) {
          if (sheetData.sortAndFilter.mode == "all") {
            sheetSortFilter +=
              '<autoFilter ref="A1:' +
              cols[colsLength - 1] +
              "" +
              (rowCount - 1) +
              '" />';
          } else {
            if (
              typeof sheetData.sortAndFilter.ref == "string" &&
              sheetData.sortAndFilter.ref.length > 0
            ) {
              sheetSortFilter +=
                '<autoFilter ref="' + sheetData.sortAndFilter.ref + '" />';
            }
          }
        }
      }
      if (headerFormula.length > 0) {
        headerFormula.forEach((v) => {
          const shiftLeftValue = sheetData.shiftLeft ? sheetData.shiftLeft : 0;
          const header = sheetData.headers[v - shiftLeftValue];
          if (!header?.formula) {
            return;
          }
          const columnRef = cols[v];
          formulaSheetObj[columnRef + "" + rowCount] = {
            start: sheetData.withoutHeader ? columnRef + "1" : columnRef + "2",
            end: columnRef + "" + (rowCount - 1),
            type: header.formula.type,
            ...(header.formula.styleId
              ? { styleId: header.formula.styleId }
              : {}),
          };
        });
      }
      if (headerConditionalFormatting.length > 0 && addCF) {
        headerConditionalFormatting.forEach((v) => {
          const header = sheetData.headers[v];
          if (!header?.conditionalFormatting) {
            return;
          }
          conditionalFormatting.push({
            ...header.conditionalFormatting,
            start: sheetData.withoutHeader ? cols[v] + "1" : cols[v] + "2",
            end: cols[v] + "" + (rowCount - 1),
          });
        });
      }
      if (formulaSheetObj) {
        const remindFormulaKey = Object.keys(formulaSheetObj).sort((a, b) =>
          a > b ? 1 : -1,
        );
        if (remindFormulaKey.length) {
          let rF: {
            [row: number]: string;
          } = {};
          remindFormulaKey.forEach((v) => {
            if (!formulaSheetObj[v]) {
              return;
            }
            const f = generateCellRowCol(
              v,
              formulaSheetObj[v],
              sheetDataId,
              styleMapper.styleIndexMap,
            );
            if (f.needCalcChain) {
              needCalcChain = true;
              calcChainValue += f.chainCell;
            }
            if (!rF[f.row]) {
              rF[f.row] = f.cell;
            } else {
              rF[f.row] += f.cell;
            }
          });
          Object.entries(rF)
            .sort((a, b) => (+a[0] > +b[0] ? 1 : -1))
            .forEach(([v, l]) => {
              const val = v as keyof object;
              let rowDataMap = rowMap[val];
              if (rowDataMap) {
                const body =
                  rowDataMap.startTag +
                  rowDataMap.details +
                  l +
                  rowDataMap.endTag;
                let reg = new RegExp(
                  rowDataMap.startTag + "[\\n\\s\\S]*?</row>",
                );
                sheetDataString = sheetDataString.replace(reg, body);
              } else {
                sheetDataString +=
                  '<row r="' +
                  v +
                  '" spans="1:' +
                  Math.max(colsLength, 1) +
                  '"  >' +
                  l +
                  "</row>";
                rowMap[val] = {
                  startTag:
                    '<row r="' +
                    v +
                    '" spans="1:' +
                    Math.max(colsLength, 1) +
                    '"  >',
                  endTag: "</row>",
                  details: l,
                };
              }
            });
        }
      }
    }

    if (index > 0) {
      sheetContentType +=
        "<Override" +
        '    ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"' +
        '    PartName="/xl/worksheets/sheet' +
        (index + 1) +
        '.xml" />';
    }
    const shName = sheetData.name ? sheetData.name : "sheet" + (index + 1);
    const shState = sheetData.state ? sheetData.state : "visible";
    workbookString +=
      '<sheet state="' +
      shState +
      '" name="' +
      shName +
      '" sheetId="' +
      (index + 1) +
      '" r:id="rId' +
      (indexId + 1) +
      '" />';
    workbookRelString +=
      '<Relationship Id="rId' +
      (indexId + 1) +
      '"' +
      ' Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet"' +
      ' Target="worksheets/sheet' +
      (index + 1) +
      '.xml" />';
    sheetNameApp += "<vt:lpstr>" + ("sheet" + (index + 1)) + "</vt:lpstr>";
    if (sheetData.selected) {
      selectedAdded = true;
      activeTabIndex = index;
    }
    const filterMode = sheetData.sortAndFilter ? 'filterMode="1"' : "";
    let backgroundImageRef = -1;
    if (backgroundImagePromise) {
      await backgroundImagePromise.then((res) => {
        let result = res as any;
        backgroundImageRef = result.ref;
        xl_media_Folder?.file(result.name, result.image);
      });
    }
    let hasImages = false;
    let drawersContent = "";
    let drawersRels: string = "";
    if (imagePromise) {
      hasImages = true;
      await imagePromise.then((res) => {
        let drawerStr = "";
        res.forEach((val, i) => {
          const index = i + 1;
          let v = val.image;
          const name = val.name;
          let from = val.obj.from;
          let to = val.obj.to;
          let margin = val.obj.margin;
          let type = val.obj.type;
          let extent = val.obj.extent;
          if (typeof extent == "undefined") {
            extent = {
              cx: 200000,
              cy: 200000,
            };
          }
          let result: {
            start: {
              col: number;
              row: number;
              mL?: number;
              mT?: number;
            };
            end: {
              col: number;
              row: number;
              mR?: number;
              mB?: number;
            };
          } = {
            start: {
              col: 0,
              row: 0,
              mL: 0,
              mT: 0,
            },
            end: {
              col: 1,
              row: 1,
              mR: 0,
              mB: 0,
            },
          };
          if (typeof from == "string" && from.length >= 2) {
            let p = getColRowBaseOnRefString(from, cols);
            result.start = {
              ...p,
            };
            result.end = {
              col: p.col + 1,
              row: p.row + 1,
            };
          }
          if (typeof to == "string" && to.length >= 2) {
            let p = getColRowBaseOnRefString(to, cols);
            p.row += 1;
            p.col += 1;
            result.end = {
              ...p,
            };
          }
          result.end.mR = 0;
          result.end.mB = 0;
          result.start.mL = 0;
          result.start.mT = 0;
          if (margin) {
            result.end.mR = margin.right ?? margin.all ?? 0;
            result.end.mB = margin.bottom ?? margin.all ?? 0;

            result.start.mL = margin.left ?? margin.all ?? 0;

            result.start.mT = margin.top ?? margin.all ?? 0;
          }

          if (type == "one") {
            drawersContent +=
              "<xdr:oneCellAnchor>" +
              "<xdr:from>" +
              "<xdr:col>" +
              result.start.col +
              "</xdr:col>" +
              "<xdr:colOff>" +
              result.start.mT +
              "</xdr:colOff>" +
              "<xdr:row>" +
              result.start.row +
              "</xdr:row>" +
              "<xdr:rowOff>" +
              result.start.mL +
              "</xdr:rowOff>" +
              "</xdr:from>" +
              '<xdr:ext cx="' +
              extent.cx +
              '" cy="' +
              extent.cy +
              '"/>' +
              "<xdr:pic>" +
              "<xdr:nvPicPr>" +
              '<xdr:cNvPr id="' +
              index +
              '" name="Picture ' +
              index +
              '">' +
              "</xdr:cNvPr>" +
              '<xdr:cNvPicPr preferRelativeResize="0" />' +
              "</xdr:nvPicPr>" +
              "<xdr:blipFill>" +
              '<a:blip xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" r:embed="rId' +
              index +
              '">' +
              "</a:blip>" +
              "<a:stretch>" +
              "<a:fillRect />" +
              "</a:stretch>" +
              "</xdr:blipFill>" +
              "<xdr:spPr>" +
              '<a:prstGeom prst="rect">' +
              "<a:avLst />" +
              "</a:prstGeom>" +
              "<a:noFill />" +
              "</xdr:spPr>" +
              "</xdr:pic>" +
              "<xdr:clientData />" +
              "</xdr:oneCellAnchor>";
          } else {
            drawersContent +=
              '<xdr:twoCellAnchor editAs="oneCell">' +
              "<xdr:from>" +
              "<xdr:col>" +
              result.start.col +
              "</xdr:col>" +
              "<xdr:colOff>" +
              result.start.mT +
              "</xdr:colOff>" +
              "<xdr:row>" +
              result.start.row +
              "</xdr:row>" +
              "<xdr:rowOff>" +
              result.start.mL +
              "</xdr:rowOff>" +
              "</xdr:from>" +
              "<xdr:to>" +
              "<xdr:col>" +
              result.end.col +
              "</xdr:col>" +
              "<xdr:colOff>" +
              result.end.mB +
              "</xdr:colOff>" +
              "<xdr:row>" +
              result.end.row +
              "</xdr:row>" +
              "<xdr:rowOff>" +
              result.end.mR +
              "</xdr:rowOff>" +
              "</xdr:to>" +
              "<xdr:pic>" +
              "<xdr:nvPicPr>" +
              '<xdr:cNvPr id="' +
              index +
              '" name="Picture ' +
              index +
              '">' +
              "</xdr:cNvPr>" +
              '<xdr:cNvPicPr preferRelativeResize="0" />' +
              "</xdr:nvPicPr>" +
              "<xdr:blipFill>" +
              '<a:blip xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" r:embed="rId' +
              index +
              '">' +
              "</a:blip>" +
              "<a:stretch>" +
              "<a:fillRect />" +
              "</a:stretch>" +
              "</xdr:blipFill>" +
              "<xdr:spPr>" +
              '<a:prstGeom prst="rect">' +
              "<a:avLst />" +
              "</a:prstGeom>" +
              "<a:noFill />" +
              "</xdr:spPr>" +
              "</xdr:pic>" +
              "<xdr:clientData />" +
              "</xdr:twoCellAnchor>";
          }
          xl_media_Folder?.file(name, v!);
          drawerStr +=
            '<Relationship Id="rId' +
            index +
            '" ' +
            'Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" ' +
            'Target="../media/' +
            name +
            '" />';
        });
        drawersRels =
          '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
          '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">' +
          drawerStr +
          "</Relationships>";
      });
    }
    mergesCellArray = [...new Set(mergesCellArray)];
    let cFDataString: string = "";
    let priorityCounter = 1;
    if (conditionalFormatting.length > 0 && addCF) {
      cFDataString = conditionalFormatting.reduce((cf, cu) => {
        if (cu.type == "cells") {
          if (cu.operator == "ct") {
            return (
              cf +
              '<conditionalFormatting sqref="' +
              cu.start +
              ":" +
              cu.end +
              '">' +
              '<cfRule type="containsText" dxfId="' +
              (cu.styleId && cFMapIndex[cu.styleId]
                ? cFMapIndex[cu.styleId]
                : 0) +
              '" priority="' +
              (cu.priority ? cu.priority : priorityCounter++) +
              '"  operator="containsText" text="' +
              cu.value +
              '"><formula>NOT(ISERROR(SEARCH("' +
              cu.value +
              '",' +
              cu.start +
              ")))</formula></cfRule></conditionalFormatting>"
            );
          }
          if (
            typeof cu.operator == "undefined" ||
            typeof operatorMap[cu.operator] == "undefined"
          ) {
            return cf;
          }
          return (
            cf +
            '<conditionalFormatting sqref="' +
            cu.start +
            ":" +
            cu.end +
            '"><cfRule type="cellIs" dxfId="' +
            (cu.styleId && typeof cFMapIndex[cu.styleId] != "undefined"
              ? cFMapIndex[cu.styleId]
              : 0) +
            '" priority="' +
            (cu.priority ? cu.priority : priorityCounter++) +
            '" operator="' +
            operatorMap[cu.operator] +
            '">' +
            (Array.isArray(cu.value)
              ? cu.value.reduce((rC, cr) => {
                  return rC + "<formula>" + cr.value + "</formula>";
                }, "")
              : "<formula>" + cu.value + "</formula>") +
            "</cfRule></conditionalFormatting>"
          );
        } else if (cu.type == "top") {
          return (
            cf +
            '<conditionalFormatting sqref="' +
            cu.start +
            ":" +
            cu.end +
            '"><cfRule type="' +
            (cu.operator ? "aboveAverage" : "top10") +
            '" dxfId="' +
            (cu.styleId && typeof cFMapIndex[cu.styleId] != "undefined"
              ? cFMapIndex[cu.styleId]
              : 0) +
            '" priority="' +
            (cu.priority ? cu.priority : priorityCounter++) +
            '" ' +
            (cu.bottom ? 'bottom="1"' : "") +
            " " +
            (cu.percent ? 'percent="1"' : "") +
            '  rank="' +
            cu.value +
            '" ' +
            (cu.operator == "belowAverage" ? 'aboveAverage="0"' : "") +
            "/></conditionalFormatting>"
          );
        } else if (cu.type == "iconSet") {
          let percentValue = "";
          if (typeof cu.operator == "undefined") {
            return cf;
          }
          if (cu.operator.indexOf("5") == 0) {
            percentValue =
              '<cfvo type="percent" val="0"/><cfvo type="percent" val="20"/><cfvo type="percent" val="40"/><cfvo type="percent" val="60"/><cfvo type="percent" val="80"/>';
          } else if (cu.operator.indexOf("4") == 0) {
            percentValue =
              '<cfvo type="percent" val="0"/><cfvo type="percent" val="25"/><cfvo type="percent" val="50"/><cfvo type="percent" val="75"/>';
          } else {
            percentValue =
              '<cfvo type="percent" val="0"/><cfvo type="percent" val="33"/><cfvo type="percent" val="67"/>';
          }
          return (
            cf +
            '<conditionalFormatting sqref="' +
            cu.start +
            ":" +
            cu.end +
            '"><cfRule type="iconSet" priority="' +
            (cu.priority ? cu.priority : priorityCounter++) +
            '"><iconSet iconSet="' +
            cu.operator +
            '">' +
            percentValue +
            "</iconSet></cfRule></conditionalFormatting>"
          );
        } else if (cu.type == "colorScale") {
          return (
            cf +
            '<conditionalFormatting sqref="' +
            cu.start +
            ":" +
            cu.end +
            '"><cfRule type="colorScale" priority="' +
            (cu.priority ? cu.priority : priorityCounter++) +
            '"><colorScale><cfvo type="min"/>' +
            (cu.operator == "percentile"
              ? '<cfvo type="percentile" val="' + cu.value + '"/>'
              : "") +
            '<cfvo type="max"/>' +
            (cu.colors && Array.isArray(cu.colors)
              ? cu.colors.reduce((reColors, colorCu) => {
                  return (
                    reColors +
                    '<color rgb="' +
                    convertToHex(colorCu, isBackend) +
                    '"/>'
                  );
                }, "")
              : '<color rgb="FFF8696B"/><color rgb="FFFFEB84"/><color rgb="FF63BE7B"/>') +
            "</colorScale></cfRule></conditionalFormatting>"
          );
        } else if (cu.type == "dataBar") {
          return (
            cf +
            '<conditionalFormatting sqref="' +
            cu.start +
            ":" +
            cu.end +
            '"><cfRule type="dataBar" priority="' +
            (cu.priority ? cu.priority : priorityCounter++) +
            '"><dataBar><cfvo type="min"/><cfvo type="max"/>' +
            (cu.colors && Array.isArray(cu.colors)
              ? cu.colors.reduce((reColors, colorCu) => {
                  return (
                    reColors +
                    '<color rgb="' +
                    convertToHex(colorCu, isBackend) +
                    '"/>'
                  );
                }, "")
              : '<color rgb="FF638EC6"/>') +
            "</dataBar></cfRule></conditionalFormatting>"
          );
        } else {
          return cf;
        }
      }, "");
    }
    if ((hasCheckbox || hasComment || hasImages) && xl_drawingsFolder == null) {
      xl_drawingsFolder = xlFolder?.folder("drawings");
    }
    if (hasImages && xl_drawings_relsFolder == null) {
      xl_drawings_relsFolder = xl_drawingsFolder?.folder("_rels");
    }
    mapData["sheet" + (index + 1)] = {
      indexId: indexId + 1,
      key: "sheet" + (index + 1),
      sheetName: shName,
      sheetDataTableColumns,
      backgroundImageRef,
      sheetDimensions,
      asTable: asTable ? asTable : false,
      sheetDataString,
      sheetDropDown: generateDropDown(sheetData.dropDowns),
      sheetBreakLine,
      viewType,
      hasComment,
      drawersContent,
      cFDataString,
      sheetMargin,
      sheetHeaderFooter,
      isPortrait,
      drawersRels,
      hasImages,
      hasCheckbox,
      formRel,
      checkboxDrawingContent,
      checkboxForm,
      checkboxSheetContent,
      checkboxShape,
      commentString,
      sheetValidation: sheetData.dataValidations ?? [],
      commentAuthor,
      shapeCommentRowCol,
      splitOption,
      sheetViewProperties,
      sheetSizeString:
        sheetSizeString.length > 0
          ? "<cols>" + sheetSizeString + "</cols>"
          : "",
      protectionOption: sheetData.protectionOption
        ? Object.keys(sheetData.protectionOption).reduce((res, cu) => {
            return (
              res +
              " " +
              cu +
              '="' +
              sheetData.protectionOption![cu as ProtectionOptionKey] +
              '" '
            );
          }, "<sheetProtection ") + "/>"
        : "",
      merges:
        mergesCellArray.length > 0
          ? mergesCellArray.reduce(
              (mResult, currRef) => {
                return mResult + ' <mergeCell ref="' + currRef + '" />';
              },
              '<mergeCells count="' + mergesCellArray.length + '">',
            ) + " </mergeCells>"
          : "",
      selectedView: !!sheetData.selected,
      sheetSortFilter,
      tabColor: sheetData.tabColor
        ? '<sheetPr codeName="' +
          ("Sheet" + (index + 1)) +
          '" ' +
          filterMode +
          " >" +
          '<tabColor rgb="' +
          sheetData.tabColor.replace("#", "") +
          '" />' +
          "</sheetPr>"
        : "<sheetPr " +
          filterMode +
          " >" +
          '<outlinePr summaryBelow="0" summaryRight="0" />' +
          "</sheetPr>",
    };
    indexId++;
  }
  if (needCalcChain) {
    indexId++;
    workbookRelString +=
      '<Relationship Id="rId' +
      indexId +
      '" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/calcChain" Target="calcChain.xml"/>';

    xlFolder?.file(
      "calcChain.xml",
      '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n<calcChain xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main">' +
        calcChainValue +
        "</calcChain>",
    );
  }

  let sheetKeys = Object.keys(mapData);
  // in _rels
  let relsFolder = zip.folder("_rels");
  relsFolder?.file(
    ".rels",
    '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
      '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">' +
      ' <Relationship Id="rId3"' +
      '  Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties"' +
      '  Target="docProps/app.xml" />' +
      ' <Relationship Id="rId2"' +
      '  Type="http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties"' +
      '  Target="docProps/core.xml" />' +
      ' <Relationship Id="rId1"' +
      '  Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument"' +
      '  Target="xl/workbook.xml" />' +
      "</Relationships>",
  );

  let docPropsFolder = zip.folder("docProps");
  docPropsFolder?.file(
    "core.xml",
    '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
      '<cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" ' +
      'xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" ' +
      'xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">' +
      (data.creator ? "<dc:creator>" + data.creator + "</dc:creator>" : "") +
      (data.created
        ? '<dcterms:created xsi:type="dcterms:W3CDTF">' +
          data.created +
          "</dcterms:created>"
        : "") +
      (data.modified
        ? '<dcterms:modified xsi:type="dcterms:W3CDTF">' +
          data.modified +
          "</dcterms:modified>"
        : "") +
      "</cp:coreProperties>",
  );
  docPropsFolder?.file("app.xml", appGenerator(sheetLength, sheetNameApp));

  //xl
  xlFolder?.file(
    "workbook.xml",
    '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
      '<workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"' +
      ' xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"' +
      ' xmlns:mx="http://schemas.microsoft.com/office/mac/excel/2008/main"' +
      ' xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"' +
      ' xmlns:mv="urn:schemas-microsoft-com:mac:vml"' +
      ' xmlns:x14="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main"' +
      ' xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"' +
      ' xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac"' +
      ' xmlns:xm="http://schemas.microsoft.com/office/excel/2006/main">' +
      " <workbookPr />" +
      (selectedAdded || data.hidden
        ? "<bookViews><workbookView " +
          (data.hidden ? 'visibility="hidden" ' : "") +
          'xWindow="3540" yWindow="1365" windowWidth="21600" windowHeight="11325" activeTab="' +
          (activeTabIndex ?? 0) +
          '"/></bookViews>'
        : "") +
      " <sheets>" +
      "  " +
      workbookString +
      " </sheets>" +
      " <definedNames />" +
      " <calcPr />" +
      "</workbook>",
  );
  xlFolder?.file(
    "sharedStrings.xml",
    '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
      '<sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="' +
      (sharedStringIndex - 1) +
      '" uniqueCount="' +
      Object.keys(sharedStringMap).length +
      '">' +
      " " +
      sharedString +
      "</sst>",
  );

  //xl/_rels

  const xl__relsFolder = xlFolder?.folder("_rels");
  xl__relsFolder?.file(
    "workbook.xml.rels",
    '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
      '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">' +
      ' <Relationship Id="rId1"' +
      ' Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme"' +
      ' Target="theme/theme1.xml" />' +
      ' <Relationship Id="rId2"' +
      ' Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles"' +
      ' Target="styles.xml" />' +
      ' <Relationship Id="rId3"' +
      ' Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings"' +
      ' Target="sharedStrings.xml" />' +
      " " +
      workbookRelString +
      " " +
      "</Relationships>",
  );

  //xl/theme
  let xl_themeFolder = xlFolder?.folder("theme");
  xl_themeFolder?.file(
    "theme1.xml",
    '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
      '<a:theme xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"  name="Office Theme"><a:themeElements><a:clrScheme name="Office"><a:dk1><a:sysClr val="windowText" lastClr="000000"/></a:dk1><a:lt1><a:sysClr val="window" lastClr="FFFFFF"/></a:lt1><a:dk2><a:srgbClr val="44546A"/></a:dk2><a:lt2><a:srgbClr val="E7E6E6"/></a:lt2><a:accent1><a:srgbClr val="5B9BD5"/></a:accent1><a:accent2><a:srgbClr val="ED7D31"/></a:accent2><a:accent3><a:srgbClr val="A5A5A5"/></a:accent3><a:accent4><a:srgbClr val="FFC000"/></a:accent4><a:accent5><a:srgbClr val="4472C4"/></a:accent5><a:accent6><a:srgbClr val="70AD47"/></a:accent6><a:hlink><a:srgbClr val="0563C1"/></a:hlink><a:folHlink><a:srgbClr val="954F72"/></a:folHlink></a:clrScheme><a:fontScheme name="' +
      (data.mainFontFamily ?? "Office") +
      '"><a:majorFont><a:latin typeface="' +
      (data.mainFontFamily ?? "Calibri Light") +
      '" panose="020F0302020204030204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック Light"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线 Light"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Times New Roman"/><a:font script="Hebr" typeface="Times New Roman"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="MoolBoran"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Times New Roman"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/></a:majorFont><a:minorFont><a:latin typeface="' +
      (data.mainFontFamily ?? "Calibri") +
      '" panose="020F0502020204030204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Arial"/><a:font script="Hebr" typeface="Arial"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="DaunPenh"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Arial"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/></a:minorFont></a:fontScheme><a:fmtScheme name="Office"><a:fillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:lumMod val="110000"/><a:satMod val="105000"/><a:tint val="67000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="103000"/><a:tint val="73000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="109000"/><a:tint val="81000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:satMod val="103000"/><a:lumMod val="102000"/><a:tint val="94000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:satMod val="110000"/><a:lumMod val="100000"/><a:shade val="100000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="99000"/><a:satMod val="120000"/><a:shade val="78000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:fillStyleLst><a:lnStyleLst><a:ln w="6350" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="12700" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="19050" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln></a:lnStyleLst><a:effectStyleLst><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst><a:outerShdw blurRad="57150" dist="19050" dir="5400000" algn="ctr" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="63000"/></a:srgbClr></a:outerShdw></a:effectLst></a:effectStyle></a:effectStyleLst><a:bgFillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:tint val="95000"/><a:satMod val="170000"/></a:schemeClr></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="93000"/><a:satMod val="150000"/><a:shade val="98000"/><a:lumMod val="102000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:tint val="98000"/><a:satMod val="130000"/><a:shade val="90000"/><a:lumMod val="103000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:shade val="63000"/><a:satMod val="120000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:bgFillStyleLst></a:fmtScheme></a:themeElements><a:objectDefaults/><a:extraClrSchemeLst/></a:theme>',
  );

  // xl/worksheets
  let xl_worksheetsFolder = xlFolder?.folder("worksheets");
  let commentId: number[] = [];

  let tableRef: string[] = [];
  let sheetDrawings: string[] = [];
  sheetKeys.forEach((sheetProcessResult, iCo) => {
    const sh = mapData[sheetProcessResult];
    if (!sh) {
      return;
    }
    let sheetRelContentStr = "";
    let sheetRelSeenFlag = {
      form: false,
      drawing: false,
      vmlDrwing: false,
      comment: false,
      table: false,
      sheetDrawingsPushed: false,
    };
    const sheetDataTableColumns = <string>sh.sheetDataTableColumns;
    if (sheetDataTableColumns.length > 0) {
      tableRef.push("table" + (iCo + 1) + ".xml");
      const asTableOption: AsTableOption = <AsTableOption>sh.asTable;
      const dimensions = <{ start: string; end: string }>sh.sheetDimensions;
      xl_tableFolder?.file(
        "table" + (iCo + 1) + ".xml",
        '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
          '<table xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="xr xr3" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr3="http://schemas.microsoft.com/office/spreadsheetml/2016/revision3" id="' +
          (iCo + 1) +
          '"  name="Table' +
          (iCo + 1) +
          '" displayName="Table' +
          (iCo + 1) +
          '" ref="' +
          dimensions.start +
          ":" +
          dimensions.end +
          '" totalsRowShown="0"><autoFilter ref="' +
          dimensions.start +
          ":" +
          dimensions.end +
          '"/>' +
          sheetDataTableColumns +
          '<tableStyleInfo name="TableStyle' +
          (asTableOption.type ? asTableOption.type : "Medium") +
          (asTableOption.styleNumber ? asTableOption.styleNumber : 2) +
          '" showFirstColumn="' +
          (asTableOption.firstColumn ? asTableOption.firstColumn : "0") +
          '" showLastColumn="' +
          (asTableOption.lastColumn ? asTableOption.lastColumn : "0") +
          '" showRowStripes="' +
          (asTableOption.rowStripes ? asTableOption.rowStripes : "1") +
          '" showColumnStripes="' +
          (asTableOption.columnStripes ? asTableOption.columnStripes : "0") +
          '"/></table>',
      );
      sheetRelContentStr +=
        '<Relationship Id="rId15" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/table" Target="../tables/table' +
        (iCo + 1) +
        '.xml"/>';
    }
    const drawerName = "drawing" + (sheetDrawings.length + 1) + ".xml";
    if (sh.hasImages) {
      sheetDrawings.push(drawerName);
      sheetRelSeenFlag.sheetDrawingsPushed = true;
      xl_drawings_relsFolder?.file(
        drawerName + ".rels",
        sh.drawersRels.toString(),
      );
      sheetRelSeenFlag.drawing = true;
      sheetRelContentStr +=
        '<Relationship Id="rId2" ' +
        ' Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/drawing" ' +
        ' Target="../drawings/' +
        drawerName +
        '" />';
    }
    if (sh.hasCheckbox) {
      if (!sheetRelSeenFlag.sheetDrawingsPushed) {
        sheetDrawings.push(drawerName);
      }

      sheetRelContentStr +=
        '<Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/vmlDrawing" Target="../drawings/vmlDrawing' +
        (iCo + 1) +
        '.vml" />' +
        (sheetRelSeenFlag.drawing
          ? ""
          : '<Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/drawing" Target="../drawings/' +
            drawerName +
            '" />');
      sheetRelSeenFlag.drawing = true;
      sheetRelSeenFlag.vmlDrwing = true;
      sheetRelContentStr += sh.formRel;
    }
    if (sh.hasCheckbox || sh.hasImages) {
      xl_drawingsFolder?.file(
        drawerName,
        '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
          '<xdr:wsDr xmlns:xdr="http://schemas.openxmlformats.org/drawingml/2006/spreadsheetDrawing" ' +
          ' xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" ' +
          ' xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" ' +
          ' xmlns:c="http://schemas.openxmlformats.org/drawingml/2006/chart" ' +
          ' xmlns:cx="http://schemas.microsoft.com/office/drawing/2014/chartex" ' +
          ' xmlns:cx1="http://schemas.microsoft.com/office/drawing/2015/9/8/chartex" ' +
          ' xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" ' +
          ' xmlns:dgm="http://schemas.openxmlformats.org/drawingml/2006/diagram" ' +
          ' xmlns:x3Unk="http://schemas.microsoft.com/office/drawing/2010/slicer" ' +
          ' xmlns:sle15="http://schemas.microsoft.com/office/drawing/2012/slicer">' +
          (sh.hasImages ? sh.drawersContent : "") +
          (sh.hasCheckbox ? sh.checkboxDrawingContent : "") +
          "</xdr:wsDr>",
      );
    }
    if (sh.hasComment) {
      commentId.push(iCo + 1);
      let aurt = sh.commentAuthor;
      xlFolder?.file(
        "comments" + (iCo + 1) + ".xml",
        '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
          '<comments xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" ' +
          ' xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" ' +
          ' xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships">' +
          "<authors>" +
          (Array.isArray(aurt) && aurt.length > 0
            ? aurt.reduce(
                (res, currr) => res + "<author>" + currr + "</author>",
                "",
              )
            : "<author></author>") +
          "</authors>" +
          "<commentList>" +
          sh.commentString +
          "</commentList>" +
          "</comments>",
      );
      sheetRelContentStr +=
        '<Relationship Id="rId1" ' +
        'Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/comments" ' +
        'Target="../comments' +
        (iCo + 1) +
        '.xml" />' +
        (sheetRelSeenFlag.vmlDrwing
          ? ""
          : '<Relationship Id="rId3" ' +
            'Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/vmlDrawing" ' +
            'Target="../drawings/vmlDrawing' +
            (iCo + 1) +
            '.vml" />');
    }
    if (sh.hasComment || sh.hasCheckbox) {
      xl_drawingsFolder?.file(
        "vmlDrawing" + (iCo + 1) + ".vml",
        '<xml xmlns:p="http://schemas.openxmlformats.org/presentationml/2006/main" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:oa="urn:schemas-microsoft-com:office:activation" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:pvml="urn:schemas-microsoft-com:office:powerpoint"><o:shapelayout v:ext="edit"><o:idmap v:ext="edit" data="1"/>' +
          "</o:shapelayout>" +
          (sh.hasCheckbox ? shapeTypeMap["checkbox"] + sh.checkboxShape : "") +
          (sh.hasComment
            ? '  <v:shapetype id="_x0000_t202" coordsize="21600,21600" o:spt="202" ' +
              '    path="m,l,21600r21600,l21600,xe">' +
              '    <v:stroke joinstyle="miter"/>' +
              '    <v:path gradientshapeok="t" o:connecttype="rect"/>' +
              "  </v:shapetype>" +
              (sh.shapeCommentRowCol as ShapeRC[]).reduce((res, curr) => {
                return (
                  res +
                  '<v:shape id="_x0000_s1025" type="#_x0000_t202" style=\'position:absolute;' +
                  "margin-left:77.25pt;margin-top:23.25pt;width:264pt;height:42.75pt;z-index:1;" +
                  'visibility:hidden\' fillcolor="#ffffe1">' +
                  '  <v:fill color2="#ffffe1"/>' +
                  '  <v:shadow on="t" color="black" obscured="t"/>' +
                  '  <v:path o:connecttype="none"/>' +
                  "  <v:textbox>" +
                  "   <div style='text-align:left'></div>" +
                  "  </v:textbox>" +
                  '  <x:ClientData ObjectType="Note">' +
                  "   <x:MoveWithCells/>" +
                  "   <x:SizeWithCells/>" +
                  "   <x:Anchor>" +
                  "    1, 15, 1, 10, 5, 15, 4, 4</x:Anchor>" +
                  "   <x:AutoFill>False</x:AutoFill>" +
                  "   <x:Row>" +
                  curr.row +
                  "</x:Row>" +
                  "   <x:Column>" +
                  curr.col +
                  "</x:Column>" +
                  "  </x:ClientData>" +
                  "</v:shape>"
                );
              }, "")
            : "") +
          "</xml>",
      );
    }
    if (<number>sh.backgroundImageRef > 0) {
      sheetRelContentStr +=
        '<Relationship Id="rId16" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" Target="../media/image' +
        sh.backgroundImageRef +
        '.png"/>';
    }
    if (
      sh.hasImages ||
      sh.hasComment ||
      sh.hasCheckbox ||
      sheetDataTableColumns.length > 0 ||
      <number>sh.backgroundImageRef > 0
    ) {
      const xl_worksheets_relsFolder = xl_worksheetsFolder?.folder("_rels");
      xl_worksheets_relsFolder?.file(
        "sheet" + (iCo + 1) + ".xml.rels",
        '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
          '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"> ' +
          sheetRelContentStr +
          "</Relationships>",
      );
    }
    let sheetViews = "";
    if (sh.selectedView || sh.splitOption) {
      sheetViews =
        '<sheetViews><sheetView tabSelected="1"' +
        sh.sheetViewProperties +
        ((<string>sh.viewType).length > 0
          ? ' view="' + sh.viewType + '"'
          : "") +
        ' workbookViewId="0">' +
        sh.splitOption +
        (sh.selectedView ? '<selection activeCell="A0" sqref="A0" />' : "") +
        "</sheetView></sheetViews>";
    } else {
      sheetViews =
        '<sheetViews><sheetView workbookViewId="0"' +
        sh.sheetViewProperties +
        ((<string>sh.viewType).length > 0
          ? ' view="' + sh.viewType + '"'
          : "") +
        "/></sheetViews>";
    }
    xl_worksheetsFolder?.file(
      sh.key + ".xml",
      '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n' +
        '<worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"' +
        ' xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"' +
        ' xmlns:mx="http://schemas.microsoft.com/office/mac/excel/2008/main"' +
        ' xmlns:xdr="http://schemas.openxmlformats.org/drawingml/2006/spreadsheetDrawing" ' +
        ' xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"' +
        ' xmlns:mv="urn:schemas-microsoft-com:mac:vml"' +
        ' xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision"' +
        ' xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2"' +
        ' xmlns:xr3="http://schemas.microsoft.com/office/spreadsheetml/2016/revision3"' +
        ' xmlns:x14="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main"' +
        ' xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"' +
        ' xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac"' +
        ' xmlns:xm="http://schemas.microsoft.com/office/excel/2006/main">' +
        sh.tabColor +
        sheetViews +
        '<sheetFormatPr customHeight="1" defaultColWidth="12.63" defaultRowHeight="15.75" />' +
        sh.sheetSizeString +
        "<sheetData>" +
        sh.sheetDataString +
        "</sheetData>" +
        sh.sheetDropDown +
        sh.protectionOption +
        sh.sheetSortFilter +
        sh.merges +
        sh.cFDataString +
        (sh.hasImages || sh.hasCheckbox ? '<drawing r:id="rId2" />' : "") +
        (sh.hasComment || sh.hasCheckbox
          ? '<legacyDrawing r:id="rId3" />'
          : "") +
        (sh.hasCheckbox
          ? '<mc:AlternateContent xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"><mc:Choice Requires="x14"><controls>' +
            sh.checkboxSheetContent +
            "</controls></mc:Choice></mc:AlternateContent>"
          : "") +
        (Array.isArray(sh.sheetValidation) && sh.sheetValidation.length
          ? processDataValidation(sh.sheetValidation)
          : "") +
        sh.sheetMargin +
        (sh.isPortrait || (<string>sh.sheetBreakLine).length > 0
          ? '<pageSetup orientation="portrait" r:id="rId' + (iCo + 1) + '"/>'
          : "") +
        sh.sheetBreakLine +
        sh.sheetHeaderFooter +
        (<number>sh.backgroundImageRef > 0 ? '<picture r:id="rId16"/>' : "") +
        (sheetDataTableColumns.length > 0
          ? '<tableParts count="1"> <tablePart r:id="rId15"/></tableParts>'
          : "") +
        "</worksheet>",
    );
  });
  if (checkboxForm.length > 0) {
    let xlCtrlFolder = xlFolder?.folder("ctrlProps");

    checkboxForm.forEach((v, index) => {
      xlCtrlFolder?.file("ctrlProp" + (index + 1) + ".xml", v);
    });
  }
  zip.file(
    "[Content_Types].xml",
    contentTypeGenerator(
      sheetContentType,
      commentId,
      [...new Set(arrTypes)],
      sheetDrawings,
      checkboxForm,
      needCalcChain,
      tableRef,
    ),
  );
  if (isBackend) {
    return zip
      .generateAsync({
        type: data.generateType ? data.generateType : "nodebuffer",
        ...(data.useCompression
          ? {
              compression: "DEFLATE",
              compressionOptions: {
                level: 9,
              },
            }
          : {}),
      })
      .then((content) => {
        return content as string | number[] | Buffer;
      });
  } else {
    if (data.notSave) {
      return zip
        .generateAsync({
          type: "blob",
          ...(data.useCompression
            ? {
                compression: "DEFLATE",
                compressionOptions: {
                  level: 9,
                },
              }
            : {}),
        })
        .then((content) => {
          return content.slice(
            0,
            content.size,
            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
          );
        });
    } else {
      zip
        .generateAsync({
          type: "blob",
          ...(data.useCompression
            ? {
                compression: "DEFLATE",
                compressionOptions: {
                  level: 9,
                },
              }
            : {}),
        })
        .then(function (content) {
          import("file-saver").then((module) => {
            const { saveAs } = module;
            saveAs(
              content,
              (data.fileName ? data.fileName : "tableRecord") + ".xlsx",
            );
          });
        });
    }
  }
}