@hostlink/nuxt-light 0.0.107 → 0.0.109

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.107"
+  "version": "0.0.109"
 }

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

@@ -473,9 +473,6 @@ const hasActions = computed(() => {
 
 const getCellStyle = (col: any, row: any) => {
     const style: any = {};
-    if (col.whiteSpace) {
-        style.whiteSpace = col.whiteSpace;
-    }
     if (col.backgroundColor) {
         if (typeof col.backgroundColor == "function") {
             style.backgroundColor = col.backgroundColor(row);
@@ -485,8 +482,20 @@ const getCellStyle = (col: any, row: any) => {
 
     }
     return style;
+}
+
+const getCellClass = (col: any, row: any) => {
+    const cl: any = [];
 
+    if (col.cellClass) {
+        if (typeof col.cellClass == "function") {
+            cl.push(col.cellClass(row));
+        } else {
+            cl.push(col.cellClass);
+        }
 
+    }
+    return cl;
 }
 
 </script>
@@ -564,7 +573,8 @@ const getCellStyle = (col: any, row: any) => {
                     </template>
                     <template v-else>
                         <q-td :key="col.name" :props="props" :auto-width="col.autoWidth ?? false"
-                            :style="getCellStyle(col, props.row)"><template v-if="col.to" class="bg-primary">
+                            :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>
@@ -626,7 +636,7 @@ const getCellStyle = (col: any, row: any) => {
 
                         <template v-if="!col.searchType">
                             <q-input dense clearable v-model="filters[col.name]" @keydown.enter.prevent="onFilters"
-                                @clear="onFilters"></q-input>
+                                @clear="onFilters" enterkeyhint="search"></q-input>
 
                         </template>
 

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

@@ -3,7 +3,6 @@ declare const _default: {
         label: string;
         sortable: boolean;
         searchable: boolean;
-        style: string;
     };
     first_name: {
         label: string;

package/dist/runtime/types/User.mjs

@@ -2,8 +2,8 @@ export default {
   username: {
     label: "Username",
     sortable: true,
-    searchable: true,
-    style: "white-space: nowrap;"
+    searchable: true
+    //cellClass: (row: any) => (row.username == "admin" ? "text-danger" : ""),
     /* backgroundColor: (row: any) => {
         
         

package/package.json

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