@hostlink/nuxt-light 0.0.46 → 0.0.48

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.46"
+  "version": "0.0.48"
 }

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

@@ -1,6 +1,17 @@
 <script setup>
-defineProps(["modelValue"])
+import { computed } from "vue";
+
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps(["modelValue", "label"])
+
+const localValue = computed({
+    get: () => props.modelValue,
+    set: (value) => {
+        //  popup.value.hide();
+        emit('update:modelValue', value)
+    }
+});
 </script>
 <template>
-    <q-checkbox v-model="modelValue" />
+    <q-checkbox v-model="localValue" :label="$t(label)" />
 </template>

package/dist/runtime/components/l-date-picker.vue

@@ -17,8 +17,8 @@ const props = defineProps({
     },
     label: {
         type: String,
-        default: ""
     },
+    
     required: {
         type: Boolean,
         default: false

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useQuasar, QTable } from 'quasar';
 import { useRoute } from 'vue-router';
-import { ref, computed, onMounted, useSlots, reactive } from "vue";
+import { ref, computed, onMounted, useSlots, reactive, useAttrs } from "vue";
 import { t, deleteObject, q, f, useLight } from '../';
 
 const route = useRoute();
@@ -9,7 +9,6 @@ const module = route.path.split("/")[1];
 const errors = ref<InstanceType<any>>([]);
 
 const light = useLight();
-
 const props = defineProps({
     columns: {
         type: Array<{
@@ -19,6 +18,7 @@ const props = defineProps({
             sortable?: boolean,
             searchable?: boolean,
             searchType?: string,
+            searchOptions?: Array<any>,
             field?: string | Object,
         }>
     },
@@ -26,10 +26,6 @@ const props = defineProps({
         type: Array,
         default: () => []
     },
-    selection: {
-        type: String,
-        default: "none"
-    },
     sortBy: {
         type: String,
         default: null
@@ -350,9 +346,6 @@ const onDelete = async (id: any) => {
 
 
 //style
-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) {
@@ -361,6 +354,16 @@ if (props.pagination == false) {
     rowsPerPageOptions = [0]
 }
 
+
+const attrs = {
+    ...{
+        dense: light.getStyle("tableDense", false),
+        flat: light.getStyle("tableFlat", true),
+        bordered: light.getStyle("tableBorder", true),
+    },
+    ...useAttrs()
+}
+
 </script>
 <template>
     <template v-if="errors.length > 0">
@@ -371,11 +374,10 @@ if (props.pagination == false) {
         </div>
     </template>
 
-    <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"
-        >
+    <q-table v-bind="$attrs" :flat="attrs.flat" :dense="attrs.dense" :bordered="attrs.bordered" :row-key="rowKey"
+        :loading="loading" :hide-bottom="hideBottom" v-model:pagination="pagination" ref="table" @request="onRequest"
+        :rows="rows" :rows-per-page-label="t(props.rowsPerPageLabel)" :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/dist/runtime/components/l-time-picker.vue

@@ -8,6 +8,13 @@ const props = defineProps({
     }, required: {
         type: Boolean,
         default: false
+    },
+    label: {
+        type: String,
+    },
+    hint: {
+        type: String,
+        default: ""
     }
 });
 
@@ -21,7 +28,8 @@ const localValue = computed({
     }
 });
 
-const rules = ["time"];
+const rules = ["timeOrFulltime"];
+//const rules = [];
 if (props.required) {
     rules.push(val => !!val || 'Required.');
 }
@@ -29,10 +37,9 @@ if (props.required) {
 
 
 
-
 </script>
 <template>
-    <q-input v-model="localValue" mask="time" :rules="rules">
+    <q-input v-model="localValue" mask="time" :rules="rules" :label="$t(label)" :hint="$t(hint)">
         <template v-slot:prepend>
             <q-btn icon="sym_o_access_time" round dense flat>
                 <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">

package/package.json

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