@hostlink/nuxt-light 1.15.0 → 1.15.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "builder": {
     "@nuxt/module-builder": "0.8.3",
     "unbuild": "2.0.0"

package/dist/runtime/components/L/Fieldset.vue

@@ -19,14 +19,18 @@ const props = defineProps({
 </script>
 
 <style scoped>
-body.body--dark fieldset{border-color:hsla(0,0%,100%,.6)}fieldset{border:1px solid rgba(0,0,0,.24);border-radius:4px;margin:0}legend{padding-left:.5rem;padding-right:.5rem}
+body.body--dark fieldset{border-color:hsla(0,0%,100%,.6)}fieldset{border:1px solid rgba(0,0,0,.24);border-radius:4px}legend{padding-left:.5rem;padding-right:.5rem}
 </style>
 <template>
-    <fieldset :class="`q-gutter-${props.gutter}`">
+    <fieldset>
         <legend v-if="props.label">{{ i18n.t(props.label) }}</legend>
-        <slot></slot>
 
-        {{ props }}
+        <div :class="`q-gutter-${props.gutter}`">
+            <slot></slot>
+        </div>
+
+
+
 
     </fieldset>
 </template>

package/dist/runtime/components/l-app-main.vue

@@ -416,17 +416,21 @@ if (route.fullPath == "/" && my.default_page) {
 
         <q-page-container :class="containerClass" :style="containerStyle"> <!-- Error message -->
             <slot name="header"></slot>
-            <q-banner dense inline-actions class="bg-grey-4 q-ma-md" v-for=" error in errors " rounded>
-                {{ error }}
-                <template v-slot:action>
-                    <q-btn flat label="Detail" @click="$q.dialog({
-                        title: 'Error Detail',
-                        message: error.stack,
-                        fullWidth: true,
-                    })"></q-btn>
-                    <q-btn flat icon="sym_o_close" round dense @click="light.removeError(error)" />
-                </template>
-            </q-banner>
+            <div class="q-gutter-sm q-pa-sm" v-if="errors.length > 0">
+                <q-banner dense inline-actions class="bg-grey-4" v-for=" error in errors " rounded>
+                    {{ error }}
+                    <template v-slot:action>
+                        <q-btn flat label="Detail" @click="$q.dialog({
+                            title: 'Error Detail',
+                            message: error.stack,
+                            fullWidth: true,
+                        })"></q-btn>
+                        <q-btn flat icon="sym_o_close" round dense @click="light.removeError(error)" />
+                    </template>
+                </q-banner>
+
+            </div>
+
 
             <!-- router-view v-slot="{ Component }">
 

package/dist/runtime/components/l-form-dialog.vue

@@ -11,7 +11,7 @@ const props = defineProps({
         type: String,
         default: '500px'
     },
-    ok: {
+    save: {
         type: Function,
         default: null
     },
@@ -37,14 +37,17 @@ const loading = ref(false)
 
 const emits = defineEmits(['submit'])
 
-
-const onOk = async (data, node) => {
+const onSubmit = async (data, node) => {
     emits('submit', data)
 
-    if (props.ok) {
+    if (props.save) {
         loading.value = true
         try {
-            await props.ok(data)
+            await props.save(data)
+            $q.notify({
+                type: 'positive',
+                message: 'Data saved successfully'
+            })
             onDialogOK(data)
         } catch (error) {
 
@@ -52,6 +55,7 @@ const onOk = async (data, node) => {
                 title: 'Error',
                 message: error.message
             })
+
         } finally {
             loading.value = false
         }
@@ -82,14 +86,14 @@ const onCancel = async () => {
                 <q-btn icon="sym_o_close" flat round dense v-close-popup />
             </q-toolbar>
 
-            <form-kit type="form" :bordered="false" :actions="false" :value="value" #default="context" @submit="onOk">
+            <form-kit type="form" :bordered="false" :actions="false" :value="value" #default="context" @submit="onSubmit">
 
                 <q-card-section>
                     <slot name="default" v-bind="context"></slot>
                 </q-card-section>
                 <q-card-actions align="right">
-                    <q-btn label="Cancel" @click="onCancel" unelevated color="grey-4" text-color="grey-8" />
-                    <q-btn label="OK" type="submit" color="primary" unelevated :disabled="!context.state.valid" />
+                    <q-btn icon="sym_o_close" :label="$t('Cancel')" @click="onCancel" unelevated color="grey-4" text-color="grey-8" />
+                    <q-btn icon="sym_o_check" :label="$t('Save')" type="submit" color="primary" unelevated :disabled="!context.state.valid" />
                 </q-card-actions>
             </form-kit>
 

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

@@ -561,7 +561,7 @@ const onAdd = () => {
         v-model:minimized="minimized" v-model:maximized="maximized">
 
         <q-toolbar v-if="addComponent">
-            <q-btn icon="sym_o_add" label="Add" color="primary" @click="onAdd" v-if="addComponent" dense />
+            <q-btn icon="sym_o_add" label="Add" color="primary" @click="onAdd" v-if="addComponent" />
         </q-toolbar>
 
 
@@ -608,10 +608,10 @@ const onAdd = () => {
                         <div :class="{ 'text-grey-8': !isDark }" v-if="primaryKey">
 
                             <l-view-btn v-if="actionView && props.row.canView"
-                                :to="`/${modelName}/${props.row[primaryKey]}/view`" size="sm"/>
+                                :to="`/${modelName}/${props.row[primaryKey]}/view`" size="sm" />
 
                             <l-edit-btn v-if="activeEdit && props.row.canUpdate"
-                                :to="`/${modelName}/${props.row[primaryKey]}/edit`" size="sm"/>
+                                :to="`/${modelName}/${props.row[primaryKey]}/edit`" size="sm" />
 
                             <l-delete-btn v-if="actionDelete && props.row.canDelete"
                                 @submit="onDelete(props.row[primaryKey])" size="sm"></l-delete-btn>

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

@@ -1,12 +1,12 @@
 <script setup>
 import { ref } from 'vue'
 const form = ref(null)
-const ok = async (data, node) => {
+const save = async (data, node) => {
     await new Promise(resolve => setTimeout(resolve, 1000))
 }
 </script>
 <template>
-    <l-form-dialog title="Add User" :ok="ok">
+    <l-form-dialog title="Add User" :save="save">
         <form-kit type="l-input" name="name" label="Name" dense validation="required" />
     </l-form-dialog>
 </template>

package/dist/runtime/formkit/Input.vue

@@ -1,18 +1,7 @@
 <script setup lang="ts">
-import { type FormKitInputs } from '@formkit/inputs';
 import { computed } from 'vue'
 import { getErrorMessage } from 'formkit-quasar';
 
-declare module '@formkit/inputs' {
-    interface FormKitInputProps<Props extends FormKitInputs<Props>> {
-        lInput: {
-            type: 'l-input';
-            name: string;
-            label: string;
-            number?: string;
-        };
-    }
-}
 
 
 const props = defineProps({

package/dist/runtime/index.d.ts

@@ -1,3 +1,4 @@
+import { type FormKitInputs } from '@formkit/inputs';
 export interface User {
     user_id?: number;
     username: string;
@@ -54,6 +55,25 @@ declare module 'vue' {
         $light: typeof app;
     }
 }
+declare module '@formkit/inputs' {
+    interface FormKitInputProps<Props extends FormKitInputs<Props>> {
+        lInput: {
+            type: 'l-input';
+            name: string;
+            label: string;
+            number?: string;
+            dense?: boolean;
+        };
+    }
+    interface FormKitInputProps<Props extends FormKitInputs<Props>> {
+        lDatePicker: {
+            type: 'l-date-picker';
+            name: string;
+            label: string;
+            dense?: boolean;
+        };
+    }
+}
 export declare const useLight: (options?: {
     color?: string;
 }) => {

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

@@ -20,8 +20,9 @@ const columns = model("User").columns({
 const status = ref("0");
 
 //const testDialog = resolveComponent("l-test-dialog")
-//const testDialog = resolveComponent("l-test2")
-const testDialog = null
+
+//const testDialog = null
+const testDialog = resolveComponent("l-test2")
 
 
 </script>

package/package.json

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