@hostlink/nuxt-light 0.0.43 → 0.0.44

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.43"
+  "version": "0.0.44"
 }

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

@@ -10,8 +10,6 @@ const errors = ref<InstanceType<any>>([]);
 
 const light = useLight();
 
-
-
 const props = defineProps({
     columns: {
         type: Array<{
@@ -22,8 +20,7 @@ const props = defineProps({
             searchable?: boolean,
             searchType?: string,
             field?: string | Object,
-        }>,
-        required: true
+        }>
     },
     actions: {
         type: Array,
@@ -41,11 +38,28 @@ const props = defineProps({
         type: String,
         default: "Records per page:"
     },
+    rows: {
+        type: Array,
+        default: () => []
+    },
+    rowKey: {
+        type: String,
+        default: null
+    },
+    modelName: {
+        type: String,
+        default: null
+    }, pagination: {
+        type: Boolean,
+        default: true
+    }
 })
 
+const hideBottom = ref(false)
+
 
 //apply all aligns to the columns 
-props.columns.forEach((col) => {
+props.columns?.forEach((col) => {
     if (!col.align) {
         col.align = "left";
     }
@@ -57,6 +71,8 @@ props.columns.forEach((col) => {
 })
 
 const renderColumns = computed(() => {
+    if (!props.columns) return null;
+
     let cols = [];
     if (props.actions.length > 0) {
         cols = [
@@ -64,7 +80,7 @@ const renderColumns = computed(() => {
                 name: "_actions",
                 align: "left"
             },
-            ...props.columns
+            ...props.columns ?? []
         ]
     } else {
         cols = props.columns;
@@ -108,7 +124,7 @@ if (props.sortBy) {
 }
 
 const hasSearch = computed(() => {
-    return props.columns.some((col) => {
+    return props.columns?.some((col) => {
         return col.searchable;
     })
 })
@@ -116,7 +132,7 @@ const hasSearch = computed(() => {
 const table = ref<InstanceType<typeof QTable>>();
 
 const filters = ref<InstanceType<any>>({});
-const rows = ref<InstanceType<any>>([]);
+const rows = ref<InstanceType<any>>(props.rows);
 
 onMounted(() => {
     if (table.value) {
@@ -124,8 +140,8 @@ onMounted(() => {
     }
 })
 
-let primaryKey = ref(null);
-const modelName = ref("");
+let primaryKey = ref(props.rowKey);
+const modelName = ref(props.modelName);
 
 
 const validateData = () => {
@@ -202,7 +218,7 @@ const onRequest = async (p: any) => {
                 localFields.push(f);
             });
 
-            props.columns.forEach((col) => {
+            props.columns?.forEach((col) => {
                 if (col.name.startsWith("_")) {
                     return;
                 }
@@ -273,7 +289,7 @@ const onRequest = async (p: any) => {
 const getFilterValue = () => {
     let f: any = {};
 
-    props.columns.forEach((col) => {
+    props.columns?.forEach((col) => {
         if (col.searchable) {
             if (filters.value[col.name]) {
 
@@ -337,6 +353,14 @@ const onDelete = async (id: any) => {
 const dense = light.getStyle("tableDense", false);
 const flat = light.getStyle("tableFlat", true);
 const bordered = light.getStyle("tableBorder", true);
+
+let rowsPerPageOptions = [3, 5, 7, 10, 15, 20, 25, 50, 0];
+if (props.pagination == false) {
+    hideBottom.value = true;
+    pagination.value = null;
+    rowsPerPageOptions = [0]
+}
+
 </script>
 <template>
     <template v-if="errors.length > 0">
@@ -346,9 +370,12 @@ const bordered = light.getStyle("tableBorder", true);
             </ul>
         </div>
     </template>
-    <q-table :flat="flat" :bordered="bordered" :dense="dense" :columns="renderColumns" v-model:pagination="pagination"
-        ref="table" :loading="loading" @request="onRequest" :selection="selection" :rows="rows"
-        :rows-per-page-label="t(props.rowsPerPageLabel)">
+
+    <q-table :flat="flat" :bordered="bordered" :dense="dense" v-model:pagination="pagination" ref="table" :loading="loading"
+        @request="onRequest" :selection="selection" :rows="rows" :rows-per-page-label="t(props.rowsPerPageLabel)"
+        :hide-bottom="hideBottom" :columns="renderColumns"
+        :rows-per-page-options="rowsPerPageOptions"
+        >
 
         <template v-for="s in ss" v-slot:[s]="props">
             <slot :name="s" v-bind="props"></slot>

package/package.json

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