@hostlink/nuxt-light 1.10.15 → 1.10.17

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.10.15"
+  "version": "1.10.17"
 }

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, defineComponent, h } from "vue";
 import { t, q, useLight, GQLFieldBuilder, model } from '../';
 import { toQuery } from '@hostlink/light';
 
@@ -57,6 +57,9 @@ const props = withDefaults(defineProps<LTableProps>(), {
     noDataLabel: "No data available",
 });
 
+const isServerSide = (props.rows == undefined);
+
+
 const light = useLight();
 
 const pagination = ref(props.pagination);
@@ -147,15 +150,12 @@ const table = ref<InstanceType<typeof QTable>>();
 
 const filters = ref<InstanceType<any>>({});
 const rows = ref<InstanceType<any>>(props.rows);
+if (rows.value == undefined) {
+    rows.value = [];
+}
 
 onMounted(() => {
-    if (table.value) {
-        table.value.requestServerInteraction();
-    }
-})
-
-const isServerSide = computed(() => {
-    return props.rows == undefined;
+    table.value && table.value.requestServerInteraction();
 })
 
 let primaryKey = ref(props.rowKey);
@@ -243,7 +243,7 @@ const getData = async (
 }
 
 const onRequest = async (p: any) => {
-    if (!isServerSide.value) return;
+    if (!isServerSide) return;
 
 
     let sort = "";
@@ -511,6 +511,15 @@ const localSelected = computed({
     }
 });
 
+watch(() => props.rows, (val) => {
+    rows.value = val;
+});
+
+const computedColumns = computed(() => {
+    return props.columns;
+})
+
+
 
 </script>
 
@@ -528,8 +537,8 @@ const localSelected = computed({
             </div>
         </template>
 
-        <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">
+        <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">
                 <q-tr :props="props">
@@ -542,6 +551,8 @@ const localSelected = computed({
                 </q-tr>
             </template>
 
+
+
             <template #body="props">
                 <q-tr :props="props">
                     <q-td v-if="selection != 'none'" auto-width>
@@ -570,6 +581,8 @@ const localSelected = computed({
 
                     </q-td>
 
+
+
                     <template v-for="col in props.cols">
                         <template v-if="ss.indexOf('body-cell-' + col.name) >= 0">
                             <slot :name="'body-cell-' + col.name" v-bind="props"></slot>

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.15",
+  "version": "1.10.17",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",