@hostlink/nuxt-light 1.10.14 → 1.10.16

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.10.14"
+  "version": "1.10.16"
 }

package/dist/runtime/components/l-table.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useQuasar, QTable, type QTableColumn, type QTableProps } from 'quasar';
 
-import { ref, computed, onMounted, useSlots, useAttrs } from "vue";
+import { ref, computed, onMounted, useSlots, useAttrs, watch } from "vue";
 import { t, q, useLight, GQLFieldBuilder, model } from '../';
 import { toQuery } from '@hostlink/light';
 
@@ -54,7 +54,7 @@ const props = withDefaults(defineProps<LTableProps>(), {
     minimizable: false,
     selected: () => [],
     loadingLabel: "Loading...",
-    noDataLabel: "No data available",   
+    noDataLabel: "No data available",
 });
 
 const light = useLight();
@@ -152,8 +152,11 @@ onMounted(() => {
     if (table.value) {
         table.value.requestServerInteraction();
     }
+
 })
 
+
+
 const isServerSide = computed(() => {
     return props.rows == undefined;
 })
@@ -337,8 +340,18 @@ const onRequest = async (p: any) => {
                 }
             }
             loading.value = true;
-            const allData = await getData(operation, localFilters, sort, this.offset, this.limit, builder.get());
-            this.setData(allData);
+            try {
+                const allData = await getData(operation, localFilters, sort, this.offset, this.limit, builder.get());
+                this.setData(allData);
+            } catch (e: any) {
+                quasar.dialog({
+                    message: e,
+                    color: "negative"
+                })
+                this.setData({ data: [], meta: { total: 0, key: "", name: "" } });
+            }
+
+
 
         }
     }
@@ -399,14 +412,14 @@ const ss = Object.entries(slots).map(([key, value]) => {
     return key;
 });
 
-const qua = useQuasar();
+const quasar = useQuasar();
 const onDelete = async (id: any) => {
     if (modelName.value == null) return;
 
     try {
         await model(modelName.value).delete(id);
     } catch (e: any) {
-        qua.notify({
+        quasar.notify({
             message: e.message,
             color: "negative"
         })
@@ -501,7 +514,9 @@ const localSelected = computed({
     }
 });
 
-
+watch(() => props.rows, (val) => {
+    rows.value = val;
+});
 </script>
 
 
@@ -518,7 +533,7 @@ const localSelected = computed({
             </div>
         </template>
 
-        <q-table v-bind="attrs" :loading="loading" :rows="rows??[]" ref="table" @request="onRequest" :columns="columns"
+        <q-table v-bind="attrs" :loading="loading" :rows="rows" ref="table" @request="onRequest" :columns="columns"
             v-model:pagination="pagination" :filter="filter" v-model:selected="localSelected">
 
             <template #header="props">

package/dist/runtime/index.d.ts

@@ -6,7 +6,7 @@ declare const app: {
     isAdmin: boolean;
     permissions: string[];
     myFavorites: any[];
-    getColorValue: () => any;
+    getColorValue: () => string;
     setMyFavorites: (favorites: any[]) => void;
     reloadMyFavorites: () => Promise<void>;
     getMyFavorites: () => any[];
@@ -19,13 +19,13 @@ declare const app: {
     addError: (error: String) => void;
     getErrors: () => String[];
     removeError: (error: String) => void;
-    getStyle: (name: String) => any;
+    getStyle: (name: string) => any;
     setStyles: (s: Object) => void;
     getStyles: () => {
         [key: string]: any;
     };
-    setStyle: (name: String, value: any) => Promise<void>;
-    setCurrentRoute: (to: any, from: any) => void;
+    setStyle: (name: string, value: any) => Promise<void>;
+    setCurrentRoute: (to: any) => void;
     getID: () => number | null;
     init: (styles: any) => void;
     isGranted: (right?: string | undefined) => boolean;
@@ -46,7 +46,7 @@ export declare const useLight: (options?: {
     isAdmin: boolean;
     permissions: string[];
     myFavorites: any[];
-    getColorValue: () => any;
+    getColorValue: () => string;
     setMyFavorites: (favorites: Array<any>) => void;
     reloadMyFavorites: () => Promise<void>;
     getMyFavorites: () => any[];
@@ -59,13 +59,13 @@ export declare const useLight: (options?: {
     addError: (error: String) => void;
     getErrors: () => String[];
     removeError: (error: String) => void;
-    getStyle: (name: String) => any;
+    getStyle: (name: string) => any;
     setStyles: (s: Object) => void;
     getStyles: () => {
         [key: string]: any;
     };
-    setStyle: (name: String, value: any) => Promise<void>;
-    setCurrentRoute: (to: any, from: any) => void;
+    setStyle: (name: string, value: any) => Promise<void>;
+    setCurrentRoute: (to: any) => void;
     getID: () => number | null;
     init: (styles: any) => void;
     isGranted: (right?: string) => boolean;

package/dist/runtime/index.mjs

@@ -121,7 +121,7 @@ const app = reactive({
     });
     styles[name] = value;
   },
-  setCurrentRoute(to, from) {
+  setCurrentRoute(to) {
     currentRoute = to;
   },
   getID() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.10.14",
+  "version": "1.10.16",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",