@hostlink/nuxt-light 1.25.2 → 1.26.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.25.2",
+  "version": "1.26.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/MyTest.vue

@@ -0,0 +1,10 @@
+<script setup>
+const props = defineProps({
+    test: String
+})
+</script>
+<template>
+    <div>
+        {{ props }}
+    </div>
+</template>

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

@@ -354,7 +354,7 @@ const onLocalRequest = async (p: any) => {
                     color: "negative"
                 })
                 this.setData({ data: [], meta: { total: 0, key: "", name: "" } });
-            
+
             }
         }
     }
@@ -550,7 +550,8 @@ const onAdd = () => {
         v-model:minimized="minimized" v-model:maximized="maximized">
 
         <q-toolbar v-if="addComponent">
-            <q-btn icon="sym_o_add" :label="$t('Add')" :color="$light.color" @click="onAdd" v-if="addComponent" outline />
+            <q-btn icon="sym_o_add" :label="$t('Add')" :color="$light.color" @click="onAdd" v-if="addComponent"
+                outline />
         </q-toolbar>
 
 
@@ -617,7 +618,15 @@ const onAdd = () => {
                                 :style="getCellStyle(col, props.row)" :class="getCellClass(col, props.row)"><template
                                     v-if="col.to" class="bg-primary">
                                     <l-link :to="col.to(props.row)">{{ col.value }}</l-link>
-                                </template><template v-else>{{ col.value }}</template></q-td>
+                                </template>
+                                <template v-else-if="col.component">
+                                    <component :is="col.component" v-model="props.row"
+                                        v-bind="col.componentProps ? col.componentProps(props.row) : null" />
+                                </template>
+                                <template v-else>
+                                    {{ col.value }}
+                                </template>
+                            </q-td>
                         </template>
                     </template>
                 </q-tr>

package/dist/runtime/lib/defineLightModel.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from "vue";
 export interface LightModelGqlField {
     [key: string]: string | LightModelGqlField | boolean;
 }
@@ -11,6 +12,8 @@ export interface LightModelField {
     gqlField?: LightModelGqlField;
     to?: (row: any) => string;
     field?: (row: any) => string;
+    component?: Component;
+    componentProps?: any;
 }
 export interface LightModelFields {
     [key: string]: LightModelField;

package/dist/runtime/pages/User/index.vue

@@ -14,6 +14,7 @@ const columns = model("User").columns({
     join_date: true,
     status: true,
     has2FA: true,
+    //_test: true,
 })
 
 

package/dist/runtime/types/User.d.ts

@@ -44,18 +44,17 @@ declare const _default: {
         }[];
         format: (value: any) => string;
     };
-    test: {
-        label: string;
-        name: string;
-        to: (row: any) => string;
-        gqlField: string[];
-        field: (row: any) => any;
-        backgroundColor: (row: any) => "primary" | undefined;
-    };
     has2FA: {
         label: string;
         searchType: string;
         format: (value: any) => "Yes" | "No";
     };
+    _test: {
+        label: string;
+        component: any;
+        componentProps: (a: any) => {
+            test: any;
+        };
+    };
 };
 export default _default;

package/dist/runtime/types/User.js

@@ -1,3 +1,4 @@
+import MyTest from "../components/MyTest.vue";
 export default {
   username: {
     label: "Username",
@@ -56,23 +57,20 @@ export default {
       return ["Active", "Inactive"][value];
     }
   },
-  test: {
-    label: "Test",
-    name: "_test",
-    to: (row) => `/User/${row.user_id}/view`,
-    gqlField: ["user_id", "first_name"],
-    field: (row) => row.first_name,
-    backgroundColor: (row) => {
-      if (row.username == "admin") {
-        return "primary";
-      }
-    }
-  },
   has2FA: {
     label: "2FA",
     searchType: "select",
     format: (value) => {
       return value ? "Yes" : "No";
     }
+  },
+  _test: {
+    label: "Test",
+    component: MyTest,
+    componentProps: (a) => {
+      return {
+        test: a.username
+      };
+    }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.25.2",
+  "version": "1.26.1",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",