Merge pull request #26 from line/fix-#10

Can change the name of downloading file

Author: ta21cos

README.md

@@ -111,6 +111,7 @@ Prop | Type | Default | Description
 `cols-label-text` | `String` | `'Columns'` | Text for the columns drag area
 `hide-settings-text` | `String` | `'Hide settings'` | Text for the "hide settings" button
 `show-settings-text` | `String` | `'Show settings'` | Text for the "show settings" button
+`filename` | `String` | (Determined by datetime) | Filename without extension for the downloading csv / tsv
 
 #### Field format
 

src/Pivot.vue

@@ -51,7 +51,17 @@
 
       <!-- Table -->
       <div class="col table-responsive pivottable">
-        <pivot-table ref="pivottable" :data="data" :row-fields="internal.rowFields" :col-fields="internal.colFields" :reducer="reducer" :no-data-warning-text="noDataWarningText" :is-data-loading="isDataLoading" :style="{ height: tableHeight + 'px'}">
+        <pivot-table
+          ref="pivottable"
+          :data="data"
+          :row-fields="internal.rowFields"
+          :col-fields="internal.colFields"
+          :reducer="reducer"
+          :no-data-warning-text="noDataWarningText"
+          :filename="filename"
+          :is-data-loading="isDataLoading"
+          :style="{ height: tableHeight + 'px'}"
+        >
           <!-- pass down scoped slots -->
           <template v-for="(slot, slotName) in $scopedSlots" :slot="slotName" slot-scope="{ value }">
             <slot :name="slotName" v-bind="{ value }"></slot>
@@ -130,6 +140,10 @@ export default {
       type: String,
       default: 'No data to display.'
     },
+    filename: {
+      type: String,
+      default: ''
+    },
     isDataLoading: {
       type: Boolean,
       default: false

src/PivotTable.vue

@@ -84,7 +84,7 @@
 
 <script>
 import naturalSort from 'javascript-natural-sort'
-import { downloadTableWithTSV, downloadTableWithCSV } from './util'
+import { downloadTableWith } from './util'
 
 export default {
   props: {
@@ -112,6 +112,10 @@ export default {
       type: String,
       default: 'Too many cells. Please reduce the num of rows / cols.'
     },
+    filename: {
+      type: String,
+      default: ''
+    },
     numOfCellsLimitation: {
       type: Number,
       default: 10000
@@ -309,16 +313,7 @@ export default {
       })
     },
     saveTableWithText (format) {
-      switch (format) {
-      case 'csv':
-        downloadTableWithCSV(this.cols, this.colFields, this.rows, this.rowFields, this.rowHeaderSize, this.values)
-        break
-      case 'tsv':
-        downloadTableWithTSV(this.cols, this.colFields, this.rows, this.rowFields, this.rowHeaderSize, this.values)
-        break
-      default:
-        break
-      }
+      downloadTableWith(format, this.cols, this.colFields, this.rows, this.rowFields, this.rowHeaderSize, this.values, this.filename)
     }
   },
   watch: {

src/util.js

@@ -1,11 +1,10 @@
-export function downloadTableWithTSV (cols, colFields, rows, rowFields, rowHeaderSize, values) {
-  let filename = getFilenameByDate(new Date()) + '.tsv'
-  formatAndDownloadWithText(cols, colFields, rows, rowFields, rowHeaderSize, values, '\t', filename)
-}
-
-export function downloadTableWithCSV (cols, colFields, rows, rowFields, rowHeaderSize, values) {
-  let filename = getFilenameByDate(new Date()) + '.csv'
-  formatAndDownloadWithText(cols, colFields, rows, rowFields, rowHeaderSize, values, ',', filename)
+export function downloadTableWith (format, cols, colFields, rows, rowFields, rowHeaderSize, values, filename) {
+  if (format !== 'tsv' && format !== 'csv') {
+    throw Error('Invalid format on downloading, only "tsv" or "csv" can be used.')
+  }
+  const _filename = (filename || getFilenameByDate(new Date())) + '.' + format
+  const delimiter = format === 'tsv' ? '\t' : ','
+  formatAndDownloadWithText(cols, colFields, rows, rowFields, rowHeaderSize, values, delimiter, _filename)
 }
 
 function toDoubleDigits (num) {