@hostlink/nuxt-light 0.0.45 → 0.0.47

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.45"
+  "version": "0.0.47"
 }

package/dist/module.mjs

@@ -53,7 +53,8 @@ const module = defineNuxtModule({
       { name: "t", from },
       { name: "updateObject", from },
       { name: "listObject", from },
-      { name: "useLight", from: index }
+      { name: "useLight", from: index },
+      { name: "isGranted", from }
     ]);
     addPlugin({
       src: resolver.resolve("./runtime/plugin"),

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<{
@@ -350,9 +349,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 +357,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 +377,17 @@ if (props.pagination == false) {
         </div>
     </template>
 
-    <q-table :flat="flat" :bordered="bordered" :dense="dense" v-model:pagination="pagination" ref="table" :loading="loading"
+
+    {{ attrs }}
+
+    <q-table v-bind="$attrs" 
+    :flat="attrs.flat"
+    :dense="attrs.dense"
+    :bordered="attrs.bordered"
+    
+    :loading="loading" :hide-bottom="hideBottom" v-model:pagination="pagination" ref="table"
         @request="onRequest" :selection="selection" :rows="rows" :rows-per-page-label="t(props.rowsPerPageLabel)"
-        :hide-bottom="hideBottom" :columns="renderColumns"
-        :rows-per-page-options="rowsPerPageOptions"
-        >
+        :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/dist/runtime/lib/index.d.ts

@@ -15,6 +15,7 @@ import deleteObject from "./deleteObject";
 import t from "./t";
 import updateObject from "./updateObject";
 import listObject from "./listObject";
+import isGranted from "./isGranted";
 declare const notify: (message: string, color?: string) => void;
 import getID from "./getID";
-export { addObject, f, getApiUrl, getCurrentUser, getObject, id, list, listData, login, m, mutation, q, removeObject, t, updateObject, notify, getID, deleteObject, listObject };
+export { addObject, f, getApiUrl, getCurrentUser, getObject, id, list, listData, login, m, mutation, q, removeObject, t, updateObject, notify, getID, deleteObject, listObject, isGranted };

package/dist/runtime/lib/index.mjs

@@ -16,6 +16,7 @@ import deleteObject from "./deleteObject.mjs";
 import t from "./t.mjs";
 import updateObject from "./updateObject.mjs";
 import listObject from "./listObject.mjs";
+import isGranted from "./isGranted.mjs";
 const notify = function(message, color = "green") {
   Notify.create({
     message,
@@ -24,4 +25,25 @@ const notify = function(message, color = "green") {
   });
 };
 import getID from "./getID.mjs";
-export { addObject, f, getApiUrl, getCurrentUser, getObject, id, list, listData, login, m, mutation, q, removeObject, t, updateObject, notify, getID, deleteObject, listObject };
+export {
+  addObject,
+  f,
+  getApiUrl,
+  getCurrentUser,
+  getObject,
+  id,
+  list,
+  listData,
+  login,
+  m,
+  mutation,
+  q,
+  removeObject,
+  t,
+  updateObject,
+  notify,
+  getID,
+  deleteObject,
+  listObject,
+  isGranted
+};

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

@@ -0,0 +1 @@
+export default function isGranted(right: string): Promise<boolean>;

package/dist/runtime/lib/isGranted.mjs

@@ -0,0 +1,4 @@
+export default async function isGranted(right) {
+  const my = await q("my", [f("granted", { right }, [])]);
+  return my.granted;
+}

package/package.json

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