import { saveAs } from "file-saver"; import * as XLSX from "xlsx"; /** * * @param {Object} workbook 工作薄 * @param {Object} worksheet 工作表 * @param {Object} cell 单元格 * 标记,引用单元格时所使用的地址格式(如:A1、C7) */ function datenum(v, date1904) { if (date1904) v += 1462; var epoch = Date.parse(v); return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000); } function sheetFromArrayOfArrays(data, opts) { var ws = {}; var range = { s: { c: 10000000, r: 10000000, }, e: { c: 0, r: 0, }, }; for (var R = 0; R !== data.length; ++R) { for (var C = 0; C !== data[R].length; ++C) { if (range.s.r > R) range.s.r = R; if (range.s.c > C) range.s.c = C; if (range.e.r < R) range.e.r = R; if (range.e.c < C) range.e.c = C; var cell = { v: data[R][C], // v表示单元格原始值, t表示内容类型,s-string类型,n-number类型,b-boolean类型,d-date类型,等等 }; if (cell.v == null) continue; /** * 通过地址对象 { r: R, c: C } 来获取单元格,R 和 C 分别代表从 0 开始的行和列的索引。 * XLSX.utils 中的 encode_cell/decode_cell 方法可以转换单元格地址 * XLSX.utils.encode_cell({ r: 7, c: 2 }) ===》 C7 */ var cellRef = XLSX.utils.encode_cell({ c: C, r: R }); if (typeof cell.v === "number") cell.t = "n"; else if (typeof cell.v === "boolean") cell.t = "b"; else if (cell.v instanceof Date) { cell.t = "n"; cell.z = XLSX.SSF._table[14]; cell.v = datenum(cell.v); } else cell.t = "s"; ws[cellRef] = cell; } } // ws['!ref']:表示所有单元格的范围,例如从A1到F8则记录为A1:F8 if (range.s.c < 10000000) ws["!ref"] = XLSX.utils.encode_range(range); return ws; } function Workbook() { if (!(this instanceof Workbook)) return new Workbook(); this.SheetNames = []; this.Sheets = {}; } // 字符串转为ArrayBuffer function s2ab(s) { var buf = new ArrayBuffer(s.length); var view = new Uint8Array(buf); for (var i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xff; return buf; } /** * * @param {Array} multiHeader 多行表头 * @param {Array} header 表头 * @param {Array} data 数据 * @param {String} filename 文件名 * @param {Array} merges 合并单元格 * @param {Boolean} autoWidth 是否设置单元格宽度 * @param {String} bookType 要生成的文件类型 */ export function exportJsonToExcel({ multiHeader = [], header, data, filename, merges = [], autoWidth = true, bookType = "xlsx", } = {}) { filename = filename || "excel-list"; data = [...data]; data.unshift(header); for (let i = multiHeader.length - 1; i > -1; i--) { data.unshift(multiHeader[i]); } var wsName = "SheetJS"; var wb = new Workbook(); var ws = sheetFromArrayOfArrays(data); if (merges.length > 0) { // ws[!merges]:存放一些单元格合并信息,是一个数组,每个数组由包含s和e构成的对象组成,s表示开始,e表示结束,r表示行,c表示列 if (!ws["!merges"]) ws["!merges"] = []; merges.forEach((item) => { ws["!merges"].push(XLSX.utils.decode_range(item)); }); } if (autoWidth) { /* 设置worksheet每列的最大宽度 */ const colWidth = data.map((row) => row.map((val) => { /* 先判断是否为null/undefined */ if (val == null) { return { wch: 10 }; } else if (val.toString().charCodeAt(0) > 255) { /* 再判断是否为中文 */ return { wch: val.toString().length * 2, }; } else { return { wch: val.toString().length, }; } }) ); /* 以第一行为初始值 */ let result = colWidth[0]; for (let i = 1; i < colWidth.length; i++) { for (let j = 0; j < colWidth[i].length; j++) { if (result[j] && result[j]["wch"] < colWidth[i][j]["wch"]) { result[j]["wch"] = colWidth[i][j]["wch"]; } } } // ws['!cols']设置单元格宽度, [{'wch': 10},{'wch': 10}] ===> 第一列和第二列设置了宽度 ws["!cols"] = result; } /* add worksheet to workbook */ wb.SheetNames.push(wsName); wb.Sheets[wsName] = ws; var wbout = XLSX.write(wb, { bookType: bookType, bookSST: false, // 是否生成Shared String Table,官方解释是,如果开启生成速度会下降,但在低版本IOS设备上有更好的兼容性 type: "binary", }); saveAs( new Blob([s2ab(wbout)], { type: "application/octet-stream" }), `${filename}.${bookType}` ); }