@d-mok/quasar-app-extension-quasar-axe 2.0.21 → 2.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.0.21",
+    "version": "2.0.23",
     "description": "A Quasar App Extension",
     "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
     "license": "MIT",

package/src/templates/src/boot/axe/components/QxBtnToggle.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from '@vue/reactivity'
+import { computed } from 'vue'
 import { useVModel } from '@vueuse/core'
 
 const props = withDefaults(

package/src/templates/src/boot/axe/components/QxInputAutocomplete.vue

@@ -4,6 +4,7 @@
         use-input
         hide-selected
         fill-input
+        hide-dropdown-icon
         input-debounce="0"
         :options="options"
         @filter="filterFn"

package/src/templates/src/utils/csv.ts

@@ -1,9 +1,21 @@
+import Papa from 'papaparse'
+
 export function unparseCSV(arr: Record<string, any>[]): string {
-    let fields = Object.keys(arr[0])
-    let csv = fields.join(',') + '\n'
-    for (let obj of arr) {
-        let line = fields.map(f => String(obj[f])).join(',')
-        csv += line + '\n'
-    }
-    return csv
+    return Papa.unparse(arr, {
+        quotes: false, //or array of booleans
+        quoteChar: '"',
+        escapeChar: '"',
+        delimiter: '\t',
+        header: true,
+        newline: '\r\n',
+        skipEmptyLines: false, //other option is 'greedy', meaning skip delimiters, quotes, and whitespace.
+    })
+
+    // let fields = Object.keys(arr[0])
+    // let csv = fields.join(delimiter) + '\n'
+    // for (let obj of arr) {
+    //     let line = fields.map(f => String(obj[f])).join(delimiter)
+    //     csv += line + '\n'
+    // }
+    // return csv
 }

package/src/templates/src/utils/dialog/custom/dialogTable.vue

@@ -30,6 +30,11 @@
             </q-card-section>
 
             <q-card-actions align="right">
+                <q-btn
+                    label="Copy"
+                    flat
+                    @click="copy"
+                />
                 <q-btn
                     v-if="cancel"
                     label="Cancel"
@@ -52,6 +57,8 @@ import handson from './handson.vue'
 import { useDialogPluginComponent } from 'quasar'
 import { ref } from 'vue'
 import { toSchema, isMatchSchema, isPrimitive, clone } from './schema'
+import { unparseCSV } from '../../csv'
+import { copyToClipboard } from 'quasar'
 
 defineEmits([...useDialogPluginComponent.emits])
 
@@ -106,4 +113,11 @@ function isBlank(row: row): boolean {
 function filterBlank(rows: row[]): row[] {
     return rows.filter($ => !isBlank($))
 }
+
+// copy to clipboard
+
+function copy() {
+    let csv = unparseCSV(dummy.value)
+    copyToClipboard(csv)
+}
 </script>