const dataTable = [
	{index: "1", name: "niko", age: "18", birth: "Mon Dec 11 10:08:15 CST 2023"},
    {index: "1", name: "vivi", age: "16", birth: "Sun Dec 11 10:49:18 CST 2023"},
]

import ExportJsonExcel from 'js-export-excel';

const jsExportExcelHandle = (dataTable = []) => {
	const option = [];
	option.fileName = "個人信息文件";
	const sheetData = dataTable; // 有需要映射的話需要先映射
	const sheetFilter = ["index", "name", "age"];
	const sheetHeader = ["序號", "姓名", "年齡"];
	option.datas = [
		{
			sheetData,
			sheetName: "個人信息表",
			sheetFilter,
			sheetHeader,
			columnWidth: new Array(sheethaeader.length).fill(10); // 列寬
		}
	];
	const toExcel = new ExportJsonExcel(option);
	toExcel.saveExcel()
}

import { utils, writeFile } from 'xlsx';

const xlsxHandle = (dataTable = []) => {
	// 表頭映射為中文
	const headerMap = {
		index: "序號",
		name: "姓名",
		age: "年齡",
	},
	// 先過濾出需要的屬性
	const headList = Object.keys(headerMap); 
	// 返回新的對象數組
	const _dataTable = dataTable.map(item => {
		const filteredItem = {};
		Object.keys(item).forEach(key => {
			if(headList.includes(key)){
				filteredItem[key] = item[key];
			}
		})
        return filteredItem
	})
    
    // xlsx需要轉為二維數組
    const dataArr = _dataTable.map(item => Object.values(item));
    // 將表頭映射為中文（name => 姓名）
    const headerTranslated = Object.keys(headerMap).map(key => header[key]);//["序號", "年齡", "姓名"]
    dataArr.unshif(headerTranslated); // 插入
    const workSheet = utils.aoa_to_sheet(dataArr); // 轉為工作表對象
    // 設置每個的單元格的列寬
    workSheet["!cols"] = new Array(headList.length).fill({wch: 20}); // {!cols:(13)[{wch:20},...],A1:{v: "序號", t: "s"},...} 
    const workBook = utils.book_new();
    utils.book_append_sheet(workBook, workSheet);
    // writeFile 方法只能在 node 環(huán)境下使用。
    writeFile(workBook, "個人信息文件.xlsx", {
        Props: { // 作者的相關信息
            title: "個人信息明細",
            creator: window.User,
         
        }
    })
}

//wpx 字段表示以像素為單位，wch 字段表示以字符為單位
worksheet['!cols'] = [
  { wpx: 200 }, //設置第1列列寬為200像素
  { wch: 50 },  //設置第2列列寬為50字符
];

//設置A1單元格的值是序號，類型是字符串，字體顏色是FF0187FA
worksheet["A1"] = {
    v: "序號",
    t: "s",
    s: {
        font: {
            color: { rgb: "FF0187FA" }
        },
    }
}

// 應該根據表頭headerMap重新組裝每一行的對象
const dataArr = _dataTable.map(item => 
    Object.keys(headerMap)
    .map(key => item[key])
)