mirror of
https://gitee.com/x-extends/vxe-table-plugin-export-xlsx.git
synced 2026-01-21 05:21:33 +08:00
update
This commit is contained in:
15
.gitee/ISSUE_TEMPLATE.en.md
Normal file
15
.gitee/ISSUE_TEMPLATE.en.md
Normal file
@@ -0,0 +1,15 @@
|
||||
**(Required) Describe the bug or screenshots**
|
||||
?
|
||||
|
||||
**(Required) Reproduction link**
|
||||
?
|
||||
|
||||
**(Required) Expected behavior**
|
||||
?
|
||||
|
||||
**(Required) Please fill in the version information**
|
||||
|
||||
- OS: ?
|
||||
- Browser: ?
|
||||
- vue: ?
|
||||
- vxe-table: ?
|
||||
15
.gitee/ISSUE_TEMPLATE.zh-CN.md
Normal file
15
.gitee/ISSUE_TEMPLATE.zh-CN.md
Normal file
@@ -0,0 +1,15 @@
|
||||
**(必填)请填写问题描述或截图**
|
||||
?
|
||||
|
||||
**(必填)请填重在线链接**
|
||||
?
|
||||
|
||||
**(必填)请填写期望的结果**
|
||||
?
|
||||
|
||||
**(必填)请填写以下信息:**
|
||||
|
||||
- OS: ?
|
||||
- Browser: ?
|
||||
- vue: ?
|
||||
- vxe-table: ?
|
||||
24
.github/ISSUE_TEMPLATE/bug_report.md
vendored
Normal file
24
.github/ISSUE_TEMPLATE/bug_report.md
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
---
|
||||
name: Bug report
|
||||
about: 反馈问题:请将问题的重现步骤描述清楚!
|
||||
title: ''
|
||||
labels: bug
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**(必填)请填写问题描述或截图**
|
||||
?
|
||||
|
||||
**(必填)请填在线链接**
|
||||
?
|
||||
|
||||
**(必填)请填写期望的结果**
|
||||
?
|
||||
|
||||
**(必填)请填写以下信息:**
|
||||
|
||||
- OS: ?
|
||||
- Browser: ?
|
||||
- vue: ?
|
||||
- vxe-table: ?
|
||||
17
.github/ISSUE_TEMPLATE/feature_request.md
vendored
Normal file
17
.github/ISSUE_TEMPLATE/feature_request.md
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
name: Feature request
|
||||
about: 功能需求:这个需求解决了什么问题?
|
||||
title: ''
|
||||
labels: enhancement
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**(必填)这个需求解决了什么问题**
|
||||
?
|
||||
|
||||
**建议的 API 是什么样的**
|
||||
?
|
||||
|
||||
**是否已有其他不错的替代方案**
|
||||
?
|
||||
21
.github/ISSUE_TEMPLATE/help.md
vendored
Normal file
21
.github/ISSUE_TEMPLATE/help.md
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
---
|
||||
name: Help
|
||||
about: 遇到问题:请将问题的重现步骤描述清楚!
|
||||
title: ''
|
||||
labels: help wanted
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**(必填)请填写问题描述或截图**
|
||||
?
|
||||
|
||||
**(必填)请填在线链接**
|
||||
?
|
||||
|
||||
**(必填)请填写以下信息:**
|
||||
|
||||
- OS: ?
|
||||
- Browser: ?
|
||||
- vue: ?
|
||||
- vxe-table: ?
|
||||
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1,5 +1,6 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
package-lock.json
|
||||
|
||||
# local env files
|
||||
|
||||
315
dist/index.common.js
vendored
315
dist/index.common.js
vendored
File diff suppressed because one or more lines are too long
326
dist/index.js
vendored
326
dist/index.js
vendored
@@ -1,326 +0,0 @@
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define("vxe-table-plugin-export-xlsx", ["exports", "xe-utils", "xlsx"], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory(exports, require("xe-utils"), require("xlsx"));
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory(mod.exports, global.XEUtils, global.XLSX);
|
||||
global.VXETablePluginExportXLSX = mod.exports.default;
|
||||
}
|
||||
})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _xeUtils, _xlsx) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(_exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
_exports["default"] = _exports.VXETablePluginExportXLSX = void 0;
|
||||
_xeUtils = _interopRequireDefault(_xeUtils);
|
||||
_xlsx = _interopRequireDefault(_xlsx);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||||
|
||||
/* eslint-disable no-unused-vars */
|
||||
|
||||
/* eslint-enable no-unused-vars */
|
||||
var _vxetable;
|
||||
|
||||
function getFooterCellValue($table, opts, rows, column) {
|
||||
var cellValue = rows[$table.$getColumnIndex(column)];
|
||||
return cellValue;
|
||||
}
|
||||
|
||||
function toBuffer(wbout) {
|
||||
var buf = new ArrayBuffer(wbout.length);
|
||||
var view = new Uint8Array(buf);
|
||||
|
||||
for (var index = 0; index !== wbout.length; ++index) {
|
||||
view[index] = wbout.charCodeAt(index) & 0xFF;
|
||||
}
|
||||
|
||||
return buf;
|
||||
}
|
||||
|
||||
function getCellLabel(column, cellValue) {
|
||||
if (cellValue) {
|
||||
switch (column.cellType) {
|
||||
case 'string':
|
||||
break;
|
||||
|
||||
case 'number':
|
||||
if (!isNaN(cellValue)) {
|
||||
return Number(cellValue);
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
if (cellValue.length < 12 && !isNaN(cellValue)) {
|
||||
return Number(cellValue);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return cellValue;
|
||||
}
|
||||
|
||||
function exportXLSX(params) {
|
||||
var msgKey = 'xlsx';
|
||||
var $table = params.$table,
|
||||
options = params.options,
|
||||
columns = params.columns,
|
||||
datas = params.datas;
|
||||
var sheetName = options.sheetName,
|
||||
isHeader = options.isHeader,
|
||||
isFooter = options.isFooter,
|
||||
original = options.original,
|
||||
footerFilterMethod = options.footerFilterMethod;
|
||||
var showMsg = options.message !== false;
|
||||
var colHead = {};
|
||||
var footList = [];
|
||||
var sheetCols = [];
|
||||
|
||||
if (isHeader) {
|
||||
columns.forEach(function (column) {
|
||||
colHead[column.id] = original ? column.property : column.getTitle();
|
||||
sheetCols.push({
|
||||
wpx: _xeUtils["default"].toInteger(column.renderWidth * 0.8)
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
var rowList = datas.map(function (item) {
|
||||
columns.forEach(function (column) {
|
||||
item[column.id] = getCellLabel(column, item[column.id]);
|
||||
});
|
||||
return item;
|
||||
});
|
||||
|
||||
if (isFooter) {
|
||||
var _$table$getTableData = $table.getTableData(),
|
||||
footerData = _$table$getTableData.footerData;
|
||||
|
||||
var footers = footerFilterMethod ? footerData.filter(footerFilterMethod) : footerData;
|
||||
footers.forEach(function (rows) {
|
||||
var item = {};
|
||||
columns.forEach(function (column) {
|
||||
item[column.id] = getFooterCellValue($table, options, rows, column);
|
||||
});
|
||||
footList.push(item);
|
||||
});
|
||||
}
|
||||
|
||||
var exportMethod = function exportMethod() {
|
||||
var book = _xlsx["default"].utils.book_new();
|
||||
|
||||
var sheet = _xlsx["default"].utils.json_to_sheet((isHeader ? [colHead] : []).concat(rowList).concat(footList), {
|
||||
skipHeader: true
|
||||
}); // 设置列宽
|
||||
|
||||
|
||||
sheet['!cols'] = sheetCols; // 转换数据
|
||||
|
||||
_xlsx["default"].utils.book_append_sheet(book, sheet, sheetName);
|
||||
|
||||
var wbout = _xlsx["default"].write(book, {
|
||||
bookType: 'xlsx',
|
||||
bookSST: false,
|
||||
type: 'binary'
|
||||
});
|
||||
|
||||
var blob = new Blob([toBuffer(wbout)], {
|
||||
type: 'application/octet-stream'
|
||||
}); // 导出 xlsx
|
||||
|
||||
downloadFile(blob, options);
|
||||
|
||||
if (showMsg) {
|
||||
_vxetable.modal.close(msgKey);
|
||||
|
||||
_vxetable.modal.message({
|
||||
message: _vxetable.t('vxe.table.expSuccess'),
|
||||
status: 'success'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if (showMsg) {
|
||||
_vxetable.modal.message({
|
||||
id: msgKey,
|
||||
message: _vxetable.t('vxe.table.expLoading'),
|
||||
status: 'loading',
|
||||
duration: -1
|
||||
});
|
||||
|
||||
setTimeout(exportMethod, 1500);
|
||||
} else {
|
||||
exportMethod();
|
||||
}
|
||||
}
|
||||
|
||||
function downloadFile(blob, options) {
|
||||
if (window.Blob) {
|
||||
var filename = options.filename,
|
||||
type = options.type;
|
||||
|
||||
if (navigator.msSaveBlob) {
|
||||
navigator.msSaveBlob(blob, "".concat(filename, ".").concat(type));
|
||||
} else {
|
||||
var linkElem = document.createElement('a');
|
||||
linkElem.target = '_blank';
|
||||
linkElem.download = "".concat(filename, ".").concat(type);
|
||||
linkElem.href = URL.createObjectURL(blob);
|
||||
document.body.appendChild(linkElem);
|
||||
linkElem.click();
|
||||
document.body.removeChild(linkElem);
|
||||
}
|
||||
} else {
|
||||
console.error(_vxetable.t('vxe.error.notExp'));
|
||||
}
|
||||
}
|
||||
|
||||
function replaceDoubleQuotation(val) {
|
||||
return val.replace(/^"/, '').replace(/"$/, '');
|
||||
}
|
||||
|
||||
function parseCsv(columns, content) {
|
||||
var list = content.split('\n');
|
||||
var fields = [];
|
||||
var rows = [];
|
||||
|
||||
if (list.length) {
|
||||
var rList = list.slice(1);
|
||||
list[0].split(',').map(replaceDoubleQuotation);
|
||||
rList.forEach(function (r) {
|
||||
if (r) {
|
||||
var item = {};
|
||||
r.split(',').forEach(function (val, colIndex) {
|
||||
if (fields[colIndex]) {
|
||||
item[fields[colIndex]] = replaceDoubleQuotation(val);
|
||||
}
|
||||
});
|
||||
rows.push(item);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
fields: fields,
|
||||
rows: rows
|
||||
};
|
||||
}
|
||||
|
||||
function checkImportData(columns, fields, rows) {
|
||||
var tableFields = [];
|
||||
columns.forEach(function (column) {
|
||||
var field = column.property;
|
||||
|
||||
if (field) {
|
||||
tableFields.push(field);
|
||||
}
|
||||
});
|
||||
return tableFields.every(function (field) {
|
||||
return fields.includes(field);
|
||||
});
|
||||
}
|
||||
|
||||
function importXLSX(params) {
|
||||
var columns = params.columns,
|
||||
options = params.options,
|
||||
file = params.file;
|
||||
var showMsg = options.message !== false;
|
||||
var $table = params.$table;
|
||||
var _importResolve = $table._importResolve;
|
||||
var fileReader = new FileReader();
|
||||
|
||||
fileReader.onload = function (e) {
|
||||
var workbook = _xlsx["default"].read(e.target.result, {
|
||||
type: 'binary'
|
||||
});
|
||||
|
||||
var csvData = _xlsx["default"].utils.sheet_to_csv(workbook.Sheets.Sheet1);
|
||||
|
||||
var _parseCsv = parseCsv(columns, csvData),
|
||||
fields = _parseCsv.fields,
|
||||
rows = _parseCsv.rows;
|
||||
|
||||
var status = checkImportData(columns, fields, rows);
|
||||
|
||||
if (status) {
|
||||
$table.createData(rows).then(function (data) {
|
||||
if (options.mode === 'append') {
|
||||
$table.insertAt(data, -1);
|
||||
} else {
|
||||
$table.reloadData(data);
|
||||
}
|
||||
});
|
||||
|
||||
if (showMsg) {
|
||||
_vxetable.modal.message({
|
||||
message: _xeUtils["default"].template(_vxetable.t('vxe.table.impSuccess'), [rows.length]),
|
||||
status: 'success'
|
||||
});
|
||||
}
|
||||
} else {
|
||||
if (showMsg) {
|
||||
_vxetable.modal.message({
|
||||
message: _vxetable.t('vxe.error.impFields'),
|
||||
status: 'error'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (_importResolve) {
|
||||
_importResolve(status);
|
||||
|
||||
$table._importResolve = null;
|
||||
}
|
||||
};
|
||||
|
||||
fileReader.readAsBinaryString(file);
|
||||
}
|
||||
|
||||
function handleImportEvent(params) {
|
||||
if (params.options.type === 'xlsx') {
|
||||
importXLSX(params);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleExportEvent(params) {
|
||||
if (params.options.type === 'xlsx') {
|
||||
exportXLSX(params);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 基于 vxe-table 表格的增强插件,支持导出 xlsx 格式
|
||||
*/
|
||||
|
||||
|
||||
var VXETablePluginExportXLSX = {
|
||||
install: function install(xtable) {
|
||||
var interceptor = xtable.interceptor;
|
||||
_vxetable = xtable;
|
||||
Object.assign(xtable.types, {
|
||||
xlsx: 1
|
||||
});
|
||||
interceptor.mixin({
|
||||
'event.import': handleImportEvent,
|
||||
'event.export': handleExportEvent
|
||||
});
|
||||
}
|
||||
};
|
||||
_exports.VXETablePluginExportXLSX = VXETablePluginExportXLSX;
|
||||
|
||||
if (typeof window !== 'undefined' && window.VXETable) {
|
||||
window.VXETable.use(VXETablePluginExportXLSX);
|
||||
}
|
||||
|
||||
var _default = VXETablePluginExportXLSX;
|
||||
_exports["default"] = _default;
|
||||
});
|
||||
1
dist/index.min.js
vendored
1
dist/index.min.js
vendored
@@ -1 +0,0 @@
|
||||
!function(e,t){if("function"==typeof define&&define.amd)define("vxe-table-plugin-export-xlsx",["exports","xe-utils","xlsx"],t);else if("undefined"!=typeof exports)t(exports,require("xe-utils"),require("xlsx"));else{var n={exports:{}};t(n.exports,e.XEUtils,e.XLSX),e.VXETablePluginExportXLSX=n.exports.default}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,function(e,g,h){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var y;function n(e){var o="xlsx",a=e.$table,r=e.options,i=e.columns,t=e.datas,s=r.sheetName,l=r.isHeader,n=r.isFooter,u=r.original,f=r.footerFilterMethod,c=!1!==r.message,d={},p=[],m=[];l&&i.forEach(function(e){d[e.id]=u?e.property:e.getTitle(),m.push({wpx:g.default.toInteger(.8*e.renderWidth)})});var x=t.map(function(t){return i.forEach(function(e){t[e.id]=function(e,t){if(t)switch(e.cellType){case"string":break;case"number":if(!isNaN(t))return Number(t);break;default:if(t.length<12&&!isNaN(t))return Number(t)}return t}(e,t[e.id])}),t});if(n){var v=a.getTableData().footerData;(f?v.filter(f):v).forEach(function(n){var o={};i.forEach(function(e){var t;o[e.id]=(t=e,n[a.$getColumnIndex(t)])}),p.push(o)})}function b(){var e=h.default.utils.book_new(),t=h.default.utils.json_to_sheet((l?[d]:[]).concat(x).concat(p),{skipHeader:!0});t["!cols"]=m,h.default.utils.book_append_sheet(e,t,s);var n=h.default.write(e,{bookType:"xlsx",bookSST:!1,type:"binary"});!function(e,t){if(window.Blob){var n=t.filename,o=t.type;if(navigator.msSaveBlob)navigator.msSaveBlob(e,"".concat(n,".").concat(o));else{var a=document.createElement("a");a.target="_blank",a.download="".concat(n,".").concat(o),a.href=URL.createObjectURL(e),document.body.appendChild(a),a.click(),document.body.removeChild(a)}}else console.error(y.t("vxe.error.notExp"))}(new Blob([function(e){for(var t=new ArrayBuffer(e.length),n=new Uint8Array(t),o=0;o!==e.length;++o)n[o]=255&e.charCodeAt(o);return t}(n)],{type:"application/octet-stream"}),r),c&&(y.modal.close(o),y.modal.message({message:y.t("vxe.table.expSuccess"),status:"success"}))}c?(y.modal.message({id:o,message:y.t("vxe.table.expLoading"),status:"loading",duration:-1}),setTimeout(b,1500)):b()}function p(e){return e.replace(/^"/,"").replace(/"$/,"")}function o(e){var l=e.columns,u=e.options,t=e.file,f=!1!==u.message,c=e.$table,d=c._importResolve,n=new FileReader;n.onload=function(e){var t,n,o=h.default.read(e.target.result,{type:"binary"}),a=function(e){var t=e.split("\n"),o=[],a=[];if(t.length){var n=t.slice(1);t[0].split(",").map(p),n.forEach(function(e){if(e){var n={};e.split(",").forEach(function(e,t){o[t]&&(n[o[t]]=p(e))}),a.push(n)}})}return{fields:o,rows:a}}(h.default.utils.sheet_to_csv(o.Sheets.Sheet1)),r=a.fields,i=a.rows,s=(t=r,n=[],l.forEach(function(e){var t=e.property;t&&n.push(t)}),n.every(function(e){return t.includes(e)}));s?(c.createData(i).then(function(e){"append"===u.mode?c.insertAt(e,-1):c.reloadData(e)}),f&&y.modal.message({message:g.default.template(y.t("vxe.table.impSuccess"),[i.length]),status:"success"})):f&&y.modal.message({message:y.t("vxe.error.impFields"),status:"error"}),d&&(d(s),c._importResolve=null)},n.readAsBinaryString(t)}function a(e){if("xlsx"===e.options.type)return o(e),!1}function r(e){if("xlsx"===e.options.type)return n(e),!1}Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.VXETablePluginExportXLSX=void 0,g=t(g),h=t(h);var i={install:function(e){var t=e.interceptor;y=e,Object.assign(e.types,{xlsx:1}),t.mixin({"event.import":a,"event.export":r})}};e.VXETablePluginExportXLSX=i,"undefined"!=typeof window&&window.VXETable&&window.VXETable.use(i);var s=i;e.default=s});
|
||||
Reference in New Issue
Block a user