添加导出csv 文件

Author: 黄书伟

libs/v-table/src/export-csv.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+function getDownloadUrl(content) {
+
+    var BOM = '\uFEFF';
+
+    if (window.Blob && window.URL && window.URL.createObjectURL) {
+        var csvData = new Blob([BOM + content], { type: 'text/csv' });
+        return URL.createObjectURL(csvData);
+    } else {
+        return 'data:attachment/csv;charset=utf-8,' + BOM + encodeURIComponent(content);
+    }
+}
+
+function getContent(columns, tableData) {
+    var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ',';
+
+
+    var newLine = '\r\n';
+
+    var result = [],
+        csvRows = [],
+        _tableData = [];
+
+    if (Array.isArray(columns) && columns.length > 0) {
+
+        csvRows = columns.map(function (x) {
+
+            return x.title;
+        });
+
+        result.push(csvRows.join(separator));
+    }
+
+    if (Array.isArray(tableData) && tableData.length > 0) {
+
+        tableData.forEach(function (row) {
+
+            csvRows = columns.map(function (col) {
+
+                if (row[col.field]) {
+
+                    return row[col.field];
+                }
+
+                return '';
+            });
+
+            result.push(csvRows.join(separator));
+        });
+    }
+
+    return result.join(newLine);
+}
+
+var csv = {
+    download: function download(fileName, columns, tableData) {
+
+        var content = getContent(columns, tableData);
+
+        if (content && content.length > 0) {
+
+            var link = document.createElement('a');
+            link.download = fileName;
+            link.href = getDownloadUrl(content);
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        } else {
+
+            console.error('vue-easytable::no export data');
+        }
+    }
+};
+
+exports.default = csv;

packages/v-table/src/export-csv.js

@@ -0,0 +1,73 @@
+// 有csv 根式有很大的局限性，不能合并单元格，目前先不上此功能
+function getDownloadUrl(content) {
+
+    const BOM = '\uFEFF';
+    // Add BOM to text for open in excel correctly
+    if (window.Blob && window.URL && window.URL.createObjectURL) {
+        const csvData = new Blob([BOM + content], { type: 'text/csv' });
+        return URL.createObjectURL(csvData);
+    } else {
+        return 'data:attachment/csv;charset=utf-8,' + BOM + encodeURIComponent(content);
+    }
+}
+
+function getContent(columns,tableData,separator = ',') {
+
+    const newLine = '\r\n';
+
+    let result = [],csvRows=[],_tableData=[];
+
+    if (Array.isArray(columns) && columns.length > 0){
+
+        csvRows = columns.map(x=>{
+
+            return x.title;
+        })
+
+        result.push(csvRows.join(separator))
+    }
+
+    if (Array.isArray(tableData) && tableData.length > 0){
+
+        tableData.forEach(row=>{
+
+            csvRows = columns.map(col=>{
+
+                if (row[col.field]){
+
+                    return row[col.field];
+                }
+
+                return '';
+            })
+
+            result.push(csvRows.join(separator))
+        })
+    }
+
+    return result.join(newLine);
+}
+
+const csv = {
+
+    download(fileName,columns,tableData){
+
+
+        let content = getContent(columns,tableData);
+
+        if (content && content.length > 0){
+
+            const link = document.createElement('a');
+            link.download = fileName;
+            link.href = getDownloadUrl(content);
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }else{
+
+            console.error('vue-easytable::no export data');
+        }
+    }
+}
+
+export default csv;