@d-mok/quasar-app-extension-quasar-axe 2.2.4 → 2.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.2.4",
+    "version": "2.2.6",
     "description": "A Quasar App Extension",
     "main": "src/index.js",
     "scripts": {

package/src/templates/src/utils/dialog/advanced.ts

@@ -100,6 +100,28 @@ export async function askTable<T extends object>(
         sample: [...prefills].reverse().find($ => $.length > 0)![0],
         validators,
         cancel: true,
+        allowAddRow: true,
+    })
+}
+
+/**
+ * Edit an array of objects by table.
+ */
+export async function editTable<T extends object>(
+    title: string,
+    message: string = '',
+    prefill: T[],
+    validators: [(_: T) => boolean, string][] = [[$ => true, '']]
+): Promise<T[]> {
+    if (prefill.length === 0) throwError('Error', 'prefill is empty array.')
+    return await base(dialogTable, {
+        title,
+        message,
+        content: prefill,
+        sample: prefill[0],
+        validators,
+        cancel: true,
+        allowAddRow: false,
     })
 }
 
@@ -187,6 +209,7 @@ export async function showTable(
         sample: content[0],
         validators: [[($: any) => true, '']],
         cancel: false,
+        allowAddRow: false,
     })
 }
 

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

@@ -24,6 +24,7 @@
                     <handson
                         v-model="dummy"
                         :schema="schema"
+                        :allowAddRow="allowAddRow"
                         v-if="exist"
                     ></handson>
                 </q-card>
@@ -81,6 +82,7 @@ const props = defineProps<{
     sample: row
     validators: [(_: row) => boolean, string][]
     cancel: boolean
+    allowAddRow: boolean
 }>()
 
 let dummy = ref(props.content.map($ => clone($, Object.keys(props.sample))))
@@ -131,6 +133,7 @@ function isBlank(row: row): boolean {
 }
 
 function filterBlank(rows: row[]): row[] {
+    if (!props.allowAddRow) return rows
     return rows.filter($ => !isBlank($))
 }
 

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

@@ -20,7 +20,9 @@
         :afterRemoveRow="afterRemoveRow"
         :afterCreateRow="shake"
         :afterCopy="afterCopy"
-        :contextMenu="['row_above', 'row_below', 'remove_row']"
+        :contextMenu="
+            allowAddRow ? ['row_above', 'row_below', 'remove_row'] : []
+        "
     ></hot-table>
 </template>
 
@@ -48,6 +50,7 @@ type schema = Record<string, string>
 const props = defineProps<{
     modelValue: row[]
     schema: schema // {id:'number',name:'string'}
+    allowAddRow: boolean
 }>()
 
 function columns() {