@d-mok/quasar-app-extension-quasar-axe 1.0.73 → 1.0.76

package/package.json

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

package/src/utils/dialog.ts

@@ -287,10 +287,16 @@ class QDialog {
     ): Promise<T[]> {
         if (sample.length === 0)
             throw 'Dialog askCSV must provide at least one sample object.'
-        let lineLengths = unparseCSV(sample)
+
+        let words = unparseCSV(sample)
+            .split('\n')
+            .flatMap(l => l.split('\t'))
+        let maxWordLength = Math.max(...words.map($ => $.length))
+
+        let lines = unparseCSV(sample)
             .split('\n')
-            .map($ => $.length)
-        let maxLength = Math.max(...lineLengths)
+            .map($ => $.replace('\t', ' '.repeat(maxWordLength + 2)))
+        let maxLineLength = Math.max(...lines.map($ => $.length))
 
         let csv = await this.baseDialog({
             title,
@@ -303,8 +309,15 @@ class QDialog {
                     parseCSV(csv, sample[0]).every(
                         $ => schemaEqual($, sample[0]) && isValid($)
                     ),
+                //@ts-ignore // This is a bug from quasar
+                style:
+                    "font-family: 'Courier New', monospace;" +
+                    'tab-size: ' +
+                    (maxWordLength + 2),
+                rows: Math.min(25, sample.length + 1),
+                cols: maxLineLength + 5,
             },
-            fullWidth: maxLength > 30,
+            // fullWidth: maxLineLength > 35,
         })
         return parseCSV(csv, sample[0])
     }