@hostlink/nuxt-light 1.10.16 → 1.10.18

package/dist/module.json

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

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

@@ -1,14 +1,13 @@
 <script setup lang="ts">
 import type { QTabPanelProps, QTabProps } from 'quasar';
 import { getCurrentInstance } from 'vue';
-defineProps<QTabPanelProps | QTabProps>()
+
 const instance = getCurrentInstance();
+defineProps<QTabPanelProps | QTabProps>()
 
 // check parent is q-tab-panels or q-tabs
-
 const parent_type = instance?.parent?.type.name
 
-
 </script>
 <template>
     <template v-if="parent_type == 'QTabPanels'">

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, watch } 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,18 +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);
@@ -246,7 +243,7 @@ const getData = async (
 }
 
 const onRequest = async (p: any) => {
-    if (!isServerSide.value) return;
+    if (!isServerSide) return;
 
 
     let sort = "";
@@ -517,6 +514,13 @@ const localSelected = computed({
 watch(() => props.rows, (val) => {
     rows.value = val;
 });
+
+const computedColumns = computed(() => {
+    return props.columns;
+})
+
+
+
 </script>
 
 
@@ -547,6 +551,8 @@ watch(() => props.rows, (val) => {
                 </q-tr>
             </template>
 
+
+
             <template #body="props">
                 <q-tr :props="props">
                     <q-td v-if="selection != 'none'" auto-width>
@@ -575,6 +581,8 @@ watch(() => props.rows, (val) => {
 
                     </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/components/l-tabs.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import type { QTabsProps } from 'quasar';
-
+import { onMounted, useSlots } from '#imports';
 const model = defineModel<string | number | null | undefined>()
-interface LTabsProps extends QTabsProps {
+export interface LTabsProps extends QTabsProps {
 }
+defineProps<LTabsProps>();
+const slots = useSlots()
 
-
-defineProps<LTabsProps>()
-
+if (model.value === undefined) {
+    model.value = slots.default?.()[0]?.props?.name
+}
 </script>
 
 <template>

package/dist/runtime/index.d.ts

@@ -1,3 +1,12 @@
+export interface User {
+    user_id?: number;
+    username: string;
+    password: string;
+    first_name: string;
+    last_name?: string;
+    email: string;
+    language?: string;
+}
 declare const app: {
     company: string;
     companyLogo: string;
@@ -6,6 +15,15 @@ declare const app: {
     isAdmin: boolean;
     permissions: string[];
     myFavorites: any[];
+    users: {
+        create: (user: User) => Promise<User>;
+        del: (user_id: number) => Promise<any>;
+        update: (id: number, user: User) => Promise<any>;
+        list: (args: any) => Promise<any>;
+    };
+    roles: {
+        list: () => Promise<any>;
+    };
     getColorValue: () => string;
     setMyFavorites: (favorites: any[]) => void;
     reloadMyFavorites: () => Promise<void>;
@@ -46,6 +64,15 @@ export declare const useLight: (options?: {
     isAdmin: boolean;
     permissions: string[];
     myFavorites: any[];
+    users: {
+        create: (user: User) => Promise<User>;
+        del: (user_id: number) => Promise<any>;
+        update: (id: number, user: User) => Promise<any>;
+        list: (args: any) => Promise<any>;
+    };
+    roles: {
+        list: () => Promise<any>;
+    };
     getColorValue: () => string;
     setMyFavorites: (favorites: Array<any>) => void;
     reloadMyFavorites: () => Promise<void>;

package/dist/runtime/index.mjs

@@ -47,6 +47,44 @@ const app = reactive({
   isAdmin: false,
   permissions: Array(),
   myFavorites: Array(),
+  users: {
+    create: async (user) => {
+      const u = await m("addUser", { data: user });
+      user.user_id = u;
+      return user;
+    },
+    del: async (user_id) => {
+      return await m("deleteUser", { id: user_id });
+    },
+    update: async (id, user) => {
+      return await m("updateUser", {
+        id,
+        data: user
+      });
+    },
+    list: async (args) => {
+      const { listUser } = await q({
+        listUser: {
+          data: {
+            __args: args,
+            user_id: true,
+            name: true
+          }
+        }
+      });
+      return listUser.data;
+    }
+  },
+  roles: {
+    list: async () => {
+      const { listRole } = await q({
+        listRole: {
+          name: true
+        }
+      });
+      return listRole;
+    }
+  },
   getColorValue: () => {
     return COLOR_CODE[app.color];
   },

package/package.json

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