@hostlink/nuxt-light 1.26.0 → 1.26.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.26.0",
+  "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>
 
 
@@ -619,7 +620,8 @@ const onAdd = () => {
                                     <l-link :to="col.to(props.row)">{{ col.value }}</l-link>
                                 </template>
                                 <template v-else-if="col.component">
-                                    <component :is="col.component" v-model="props.row"/>
+                                    <component :is="col.component" v-model="props.row"
+                                        v-bind="col.componentProps ? col.componentProps(props.row) : null" />
                                 </template>
                                 <template v-else>
                                     {{ col.value }}

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,7 +14,7 @@ const columns = model("User").columns({
     join_date: true,
     status: true,
     has2FA: true,
-    //test: true,
+    //_test: true,
 })
 
 

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

@@ -49,5 +49,12 @@ declare const _default: {
         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",
@@ -62,5 +63,14 @@ export default {
     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.26.0",
+  "version": "1.26.1",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",