From f7f1d62d4cfd8f4cc0426783ea2067d853368060 Mon Sep 17 00:00:00 2001 From: CNine Date: Mon, 22 Oct 2018 19:53:54 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20excel=20=E5=AF=BC?= =?UTF-8?q?=E5=87=BA=E7=9A=84=E5=90=88=E5=B9=B6=E5=8D=95=E5=85=83=E6=A0=BC?= =?UTF-8?q?=E9=80=89=E9=A1=B9=20=E5=A2=9E=E5=8A=A0=20excel=20=E5=AF=BC?= =?UTF-8?q?=E5=87=BA=E7=9A=84=E7=AC=AC=E4=B8=80=E8=A1=8C=E6=A0=87=E9=A2=98?= =?UTF-8?q?=E9=80=89=E9=A1=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Former-commit-id: 66de20a3d02326759333a63a1f90e93834d7d420 [formerly 66de20a3d02326759333a63a1f90e93834d7d420 [formerly 66de20a3d02326759333a63a1f90e93834d7d420 [formerly 66de20a3d02326759333a63a1f90e93834d7d420 [formerly 3463e5feeaec05f84a8c42930edfbacaba6f0b92 [formerly 9ab91bc47458493d93f817aca80427749cb0acf6]]]]] Former-commit-id: 94df74e7c154789c835119fc23096fa6f8202ad5 Former-commit-id: 4a005fbd1ada5ce6e4cbb085b320660f2aa626cb Former-commit-id: 9d6dcc7b0e761e85a5295b235351b2e462c42f1f [formerly 607caf152de8bef7fede86a44e3003b1aaff2912] Former-commit-id: e54717456d4c5db124d9b8f0536a5dd6b1c9f8d7 Former-commit-id: 360f57cad825ce848e0cc1ef27835ec49837e0a8 Former-commit-id: 48de0f2794339a594d3fb37e3f76fdc6302932a9 Former-commit-id: e037bfa8bdb5e08b116cdea79887f82737b5034f Former-commit-id: e785e67cb2ee407b5b682bf8959767daff219ce7 --- src/pages/demo/plugins/export/table.vue | 4 +++- src/plugin/export/_export2Excel.js | 8 +++++++- src/plugin/export/index.js | 6 ++++-- 3 files changed, 14 insertions(+), 4 deletions(-) diff --git a/src/pages/demo/plugins/export/table.vue b/src/pages/demo/plugins/export/table.vue index 1fb63c56..975e5c5c 100644 --- a/src/pages/demo/plugins/export/table.vue +++ b/src/pages/demo/plugins/export/table.vue @@ -50,7 +50,9 @@ export default { exportExcel () { this.$export.excel({ columns: this.table.columns, - data: this.table.data + data: this.table.data, + header: '导出 Excel', + merges: ['A1', 'E1'] }) .then(() => { this.$message('导出表格成功') diff --git a/src/plugin/export/_export2Excel.js b/src/plugin/export/_export2Excel.js index 302e0dcd..0efa20ef 100644 --- a/src/plugin/export/_export2Excel.js +++ b/src/plugin/export/_export2Excel.js @@ -124,16 +124,22 @@ export function export_table_to_excel(id) { function formatJson(jsonData) { console.log(jsonData) } -export function export_json_to_excel(th, jsonData, defaultTitle) { +export function export_json_to_excel(th, jsonData, defaultTitle, options = { merges: [], header: null }) { /* original data */ var data = jsonData; data.unshift(th); + if (options.header) data.unshift([options.header]); var ws_name = "SheetJS"; var wb = new Workbook(), ws = sheet_from_array_of_arrays(data); + /* add merges area to worksheet */ + let { merges } = options; + if (typeof merges[0] == 'string' && merges.length == 2) merges = [merges] // just one # ['A1', 'C1'] = > [['A1', 'C1']] + merges = merges.map(i => i instanceof Array ? { s: i[0], e: i[1] } : i); // be sort :) # ['A1', 'C1'] => { s: 'A1', e: 'C3' } + ws['!merges'] = merges; /* add worksheet to workbook */ wb.SheetNames.push(ws_name); diff --git a/src/plugin/export/index.js b/src/plugin/export/index.js index eb2cae49..3449897b 100644 --- a/src/plugin/export/index.js +++ b/src/plugin/export/index.js @@ -36,7 +36,9 @@ export default { const paramsDefault = { columns: [], data: [], - title: 'table' + title: 'table', + header: null, + merges: [] } // 合并参数 const _params = Object.assign({}, paramsDefault, params) @@ -44,7 +46,7 @@ export default { const header = _params.columns.map(e => e.label) const data = _params.data.map(row => _params.columns.map(col => row[col.prop])) // 导出 - Excel.export_json_to_excel(header, data, _params.title) + Excel.export_json_to_excel(header, data, _params.title, { merges: _params.merges, header: _params.header }) // 完成 resolve() }) From 4cc57b0645008c5b6f4aa29269b50dcd2f8ebf01 Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Mon, 22 Oct 2018 22:04:20 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=A4=87=E4=BB=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Former-commit-id: 01873f1fcb6decc10bb3f850bdd231bd876c122a [formerly 01873f1fcb6decc10bb3f850bdd231bd876c122a [formerly 01873f1fcb6decc10bb3f850bdd231bd876c122a [formerly 01873f1fcb6decc10bb3f850bdd231bd876c122a [formerly b72c22697c50254c7aeba282f8d78d62df593e9e [formerly 48017a6b8a4ae71b0b8fd6b171380ce7a23c7e10]]]]] Former-commit-id: 467f17b9b429d306666d11e5e186924b06b83dc5 Former-commit-id: 64221fcc6c07492cc5ab1e37eb8ebb405712d1b5 Former-commit-id: 6a027e10de6b284f3feb237c94f985a2bade8a49 [formerly e7d72c0c2eeea156c3b008ed7826e83272dfd701] Former-commit-id: 86966f7ea3ef61c6fd86bbdca637e47e2a6d04dd Former-commit-id: 8e5aeaa9f9154ed54ce9c931062284c0d6769443 Former-commit-id: c0d22ae0e6ed572d10076c7fbd545d653289fcd4 Former-commit-id: be720d176af356de1a2b0b3493cdb69a4848b744 Former-commit-id: a719e87a2cafb77d007139ea49fdf1dcc48eaf29 --- src/plugin/export/backup/_blob.js | 217 ---------------------- src/plugin/export/backup/_export2Excel.js | 131 ------------- 2 files changed, 348 deletions(-) delete mode 100755 src/plugin/export/backup/_blob.js delete mode 100755 src/plugin/export/backup/_export2Excel.js diff --git a/src/plugin/export/backup/_blob.js b/src/plugin/export/backup/_blob.js deleted file mode 100755 index b6913310..00000000 --- a/src/plugin/export/backup/_blob.js +++ /dev/null @@ -1,217 +0,0 @@ -/* eslint-disable */ - -/* Blob.js - * A Blob implementation. - * 2018-01-12 - * - * By Eli Grey, http://eligrey.com - * By Devin Samarin, https://github.com/dsamarin - * License: MIT - * See https://github.com/eligrey/Blob.js/blob/master/LICENSE.md - */ - -/*global self, unescape */ -/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true, - plusplus: true */ - -/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */ - -(function (view) { - "use strict"; - - view.URL = view.URL || view.webkitURL; - - if (view.Blob && view.URL) { - try { - new Blob; - return; - } catch (e) {} - } - - // Internally we use a BlobBuilder implementation to base Blob off of - // in order to support older browsers that only have BlobBuilder - var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) { - var - get_class = function(object) { - return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1]; - } - , FakeBlobBuilder = function BlobBuilder() { - this.data = []; - } - , FakeBlob = function Blob(data, type, encoding) { - this.data = data; - this.size = data.length; - this.type = type; - this.encoding = encoding; - } - , FBB_proto = FakeBlobBuilder.prototype - , FB_proto = FakeBlob.prototype - , FileReaderSync = view.FileReaderSync - , FileException = function(type) { - this.code = this[this.name = type]; - } - , file_ex_codes = ( - "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR " - + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR" - ).split(" ") - , file_ex_code = file_ex_codes.length - , real_URL = view.URL || view.webkitURL || view - , real_create_object_URL = real_URL.createObjectURL - , real_revoke_object_URL = real_URL.revokeObjectURL - , URL = real_URL - , btoa = view.btoa - , atob = view.atob - - , ArrayBuffer = view.ArrayBuffer - , Uint8Array = view.Uint8Array - - , origin = /^[\w-]+:\/*\[?[\w\.:-]+\]?(?::[0-9]+)?/ - ; - FakeBlob.fake = FB_proto.fake = true; - while (file_ex_code--) { - FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1; - } - // Polyfill URL - if (!real_URL.createObjectURL) { - URL = view.URL = function(uri) { - var - uri_info = document.createElementNS("http://www.w3.org/1999/xhtml", "a") - , uri_origin - ; - uri_info.href = uri; - if (!("origin" in uri_info)) { - if (uri_info.protocol.toLowerCase() === "data:") { - uri_info.origin = null; - } else { - uri_origin = uri.match(origin); - uri_info.origin = uri_origin && uri_origin[1]; - } - } - return uri_info; - }; - } - URL.createObjectURL = function(blob) { - var - type = blob.type - , data_URI_header - ; - if (type === null) { - type = "application/octet-stream"; - } - if (blob instanceof FakeBlob) { - data_URI_header = "data:" + type; - if (blob.encoding === "base64") { - return data_URI_header + ";base64," + blob.data; - } else if (blob.encoding === "URI") { - return data_URI_header + "," + decodeURIComponent(blob.data); - } if (btoa) { - return data_URI_header + ";base64," + btoa(blob.data); - } else { - return data_URI_header + "," + encodeURIComponent(blob.data); - } - } else if (real_create_object_URL) { - return real_create_object_URL.call(real_URL, blob); - } - }; - URL.revokeObjectURL = function(object_URL) { - if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) { - real_revoke_object_URL.call(real_URL, object_URL); - } - }; - FBB_proto.append = function(data/*, endings*/) { - var bb = this.data; - // decode data to a binary string - if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) { - var - str = "" - , buf = new Uint8Array(data) - , i = 0 - , buf_len = buf.length - ; - for (; i < buf_len; i++) { - str += String.fromCharCode(buf[i]); - } - bb.push(str); - } else if (get_class(data) === "Blob" || get_class(data) === "File") { - if (FileReaderSync) { - var fr = new FileReaderSync; - bb.push(fr.readAsBinaryString(data)); - } else { - // async FileReader won't work as BlobBuilder is sync - throw new FileException("NOT_READABLE_ERR"); - } - } else if (data instanceof FakeBlob) { - if (data.encoding === "base64" && atob) { - bb.push(atob(data.data)); - } else if (data.encoding === "URI") { - bb.push(decodeURIComponent(data.data)); - } else if (data.encoding === "raw") { - bb.push(data.data); - } - } else { - if (typeof data !== "string") { - data += ""; // convert unsupported types to strings - } - // decode UTF-16 to binary string - bb.push(unescape(encodeURIComponent(data))); - } - }; - FBB_proto.getBlob = function(type) { - if (!arguments.length) { - type = null; - } - return new FakeBlob(this.data.join(""), type, "raw"); - }; - FBB_proto.toString = function() { - return "[object BlobBuilder]"; - }; - FB_proto.slice = function(start, end, type) { - var args = arguments.length; - if (args < 3) { - type = null; - } - return new FakeBlob( - this.data.slice(start, args > 1 ? end : this.data.length) - , type - , this.encoding - ); - }; - FB_proto.toString = function() { - return "[object Blob]"; - }; - FB_proto.close = function() { - this.size = 0; - delete this.data; - }; - return FakeBlobBuilder; - }(view)); - - view.Blob = function(blobParts, options) { - var type = options ? (options.type || "") : ""; - var builder = new BlobBuilder(); - if (blobParts) { - for (var i = 0, len = blobParts.length; i < len; i++) { - if (Uint8Array && blobParts[i] instanceof Uint8Array) { - builder.append(blobParts[i].buffer); - } - else { - builder.append(blobParts[i]); - } - } - } - var blob = builder.getBlob(type); - if (!blob.slice && blob.webkitSlice) { - blob.slice = blob.webkitSlice; - } - return blob; - }; - - var getPrototypeOf = Object.getPrototypeOf || function(object) { - return object.__proto__; - }; - view.Blob.prototype = getPrototypeOf(new view.Blob()); -}( - typeof self !== "undefined" && self - || typeof window !== "undefined" && window - || this -)); diff --git a/src/plugin/export/backup/_export2Excel.js b/src/plugin/export/backup/_export2Excel.js deleted file mode 100755 index 3f39be92..00000000 --- a/src/plugin/export/backup/_export2Excel.js +++ /dev/null @@ -1,131 +0,0 @@ -/* eslint-disable */ - -import './_blob' -import FileSaver from 'file-saver' -import XLSX from 'xlsx' - -function generateArray(table) { - var out = []; - var rows = table.querySelectorAll('tr'); - var ranges = []; - for (var R = 0; R < rows.length; ++R) { - var outRow = []; - var row = rows[R]; - var columns = row.querySelectorAll('td'); - for (var C = 0; C < columns.length; ++C) { - var cell = columns[C]; - var colspan = cell.getAttribute('colspan'); - var rowspan = cell.getAttribute('rowspan'); - var cellValue = cell.innerText; - if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue; - ranges.forEach(function (range) { - if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) { - for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null); - } - }); - if (rowspan || colspan) { - rowspan = rowspan || 1; - colspan = colspan || 1; - ranges.push({s: {r: R, c: outRow.length}, e: {r: R + rowspan - 1, c: outRow.length + colspan - 1}}); - }; - outRow.push(cellValue !== "" ? cellValue : null); - if (colspan) for (var k = 0; k < colspan - 1; ++k) outRow.push(null); - } - out.push(outRow); - } - return [out, ranges]; -}; - -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 sheet_from_array_of_arrays(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]}; - if (cell.v == null) continue; - var cell_ref = 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[cell_ref] = cell; - } - } - 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 = {}; -} - -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; -} - -export function export_table_to_excel(id) { - var theTable = document.getElementById(id); - var oo = generateArray(theTable); - var ranges = oo[1]; - var data = oo[0]; - var ws_name = "SheetJS"; - var wb = new Workbook(), ws = sheet_from_array_of_arrays(data); - ws['!merges'] = ranges; - wb.SheetNames.push(ws_name); - wb.Sheets[ws_name] = ws; - var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'}); - FileSaver.saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), "test.xlsx") -} - -export function export_json_to_excel(th, jsonData, defaultTitle) { - var data = jsonData; - data.unshift(th); - var ws_name = "SheetJS"; - - var wb = new Workbook(), ws = sheet_from_array_of_arrays(data); - const colWidth = data.map(row => row.map(val => { - 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]['wch'] < colWidth[i][j]['wch']) { - result[j]['wch'] = colWidth[i][j]['wch']; - } - } - } - ws['!cols'] = result; - wb.SheetNames.push(ws_name); - wb.Sheets[ws_name] = ws; - var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'}); - var title = defaultTitle || 'table' - FileSaver.saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), title + ".xlsx") -}