@hostlink/nuxt-light 1.17.0 → 1.17.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.17.0",
+  "version": "1.17.2",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -246,6 +246,9 @@ const module = defineNuxtModule({
     }
   },
   async setup(options, nuxt) {
+    nuxt.options.imports = nuxt.options.imports || {};
+    nuxt.options.imports.presets = nuxt.options.imports.presets || [];
+    nuxt.options.imports.presets.push({ from: "quasar", imports: ["useQuasar"] });
     const resolver = createResolver(import.meta.url);
     const { resolve: resolveQuasar } = createResolver(dirname(await resolvePath("quasar/package.json")));
     const importMap = JSON.parse(await await readFile(resolveQuasar("dist/transforms/import-map.json"), "utf-8"));

package/dist/runtime/components/L/System/Setting/developer.vue

@@ -4,11 +4,14 @@ import { useQuasar } from 'quasar'
 
 const $q = useQuasar()
 
-const modelValue = defineModel<{
-    mode: string
-}>()
 
+export interface LSystemSettingDeveloperProps {
+    mode: string
+}
 
+const modelValue = defineModel<LSystemSettingDeveloperProps>({
+    required: true,
+})
 
 if (modelValue.value.mode != 'prod') {
     modelValue.value.mode = 'dev'
@@ -16,18 +19,18 @@ if (modelValue.value.mode != 'prod') {
     modelValue.value.mode = 'prod'
 }
 
-const onSubmit = async (d, form) => {
-    let data = [];
+const onSubmit = async (d: LSystemSettingDeveloperProps) => {
+    let data: { name: string, value: string }[] = [];
     Object.keys(d).forEach((key) => {
         data.push({
             name: key,
-            value: d[key]
+            value: d[key as keyof LSystemSettingDeveloperProps]
         })
     })
     await m("updateAppConfigs", { data })
     //update the modelValue
     Object.keys(d).forEach((key) => {
-        modelValue.value[key] = d[key]
+        modelValue.value[key as keyof LSystemSettingDeveloperProps] = d[key as keyof LSystemSettingDeveloperProps]
     })
 
     $q.notify({ message: "Settings saved", color: "positive" })

package/dist/runtime/components/L/System/Setting/forget-password.vue

@@ -4,13 +4,17 @@ import { q, m } from '#imports'
 import { useQuasar } from 'quasar'
 const $q = useQuasar()
 
-const modelValue = defineModel<{
+export type LSystemSettingForgetPasswordProps = {
     forget_password_enabled: string,
     forget_password_subject: string,
     forget_password_template: string,
-}>()
+}
+
+const modelValue = defineModel<LSystemSettingForgetPasswordProps>({
+    required: true,
+})
 
-if (!modelValue.value.forget_password_enabled == "0") {
+if (modelValue.value.forget_password_enabled != "0") {
     modelValue.value.forget_password_enabled = "1"
 }
 
@@ -23,8 +27,8 @@ if (!modelValue.value.forget_password_template) {
 }
 
 
-const onSubmit = async (d) => {
-    let data = [];
+const onSubmit = async (d: any) => {
+    let data: any = [];
     Object.keys(d).forEach((key) => {
         if (d[key] === undefined) {
             d[key] = ""
@@ -36,10 +40,11 @@ const onSubmit = async (d) => {
         })
     })
     await m("updateAppConfigs", { data })
-    //update the props.data
-    Object.keys(d).forEach((key) => {
-        modelValue.value[key] = d[key]
-    })
+
+    modelValue.value.forget_password_enabled = d.forget_password_enabled
+    modelValue.value.forget_password_subject = d.forget_password_subject
+    modelValue.value.forget_password_template = d.forget_password_template
+
     $q.notify({ message: "Settings saved", color: "positive" })
 }
 

package/dist/runtime/components/L/System/Setting/security.vue

@@ -4,7 +4,7 @@ import { useQuasar } from 'quasar'
 
 const $q = useQuasar()
 
-const modelValue = defineModel<{
+export type LSystemSettingSecurityProps = {
     password_contains_uppercase: string
     password_contains_lowercase: string
     password_contains_numeric: string
@@ -14,20 +14,25 @@ const modelValue = defineModel<{
     auth_lockout_duration: string
     auth_lockout_attempts: string
     access_token_expire: string
-}>()
+}
+
+const modelValue = defineModel<LSystemSettingSecurityProps>({
+    required: true
+})
+
+const onSubmit = async (d: LSystemSettingSecurityProps) => {
+    let data: { name: string, value: string }[] = []
 
-const onSubmit = async (d, form) => {
-    let data = [];
     Object.keys(d).forEach((key) => {
         data.push({
             name: key,
-            value: d[key]
+            value: d[key as keyof LSystemSettingSecurityProps]
         })
     })
     await m("updateAppConfigs", { data })
     //update the modelValue
     Object.keys(d).forEach((key) => {
-        modelValue.value[key] = d[key]
+        modelValue.value[key as keyof LSystemSettingSecurityProps] = d[key as keyof LSystemSettingSecurityProps]
     })
 
     $q.notify({ message: "Settings saved", color: "positive" })
@@ -46,7 +51,7 @@ const onSubmit = async (d, form) => {
         two_factor_authentication: modelValue.two_factor_authentication,
         auth_lockout_duration: modelValue.auth_lockout_duration,
         auth_lockout_attempts: modelValue.auth_lockout_attempts,
-        access_token_expire: modelValue.access_token_expire
+        access_token_expire: modelValue.access_token_expire,
 
     }" @submit="onSubmit">
         <q-field label="Password policy" stack-label :color="$light.color">
@@ -63,9 +68,8 @@ const onSubmit = async (d, form) => {
         </FormKit>
 
 
-        <q-field label="Two factor authentication" stack-label :color="$light.color">
-            <FormKit type="l-checkbox" label="Enable" name="two_factor_authentication" true-value="1" false-value="0" />
-        </q-field>
+        <FormKit type="l-checkbox" name="two_factor_authentication" true-value="1" false-value="0"
+            label="Two factor authentication" />
 
         <FormKit label="Auth lockout duration" type="l-input" name="auth_lockout_duration"
             hint="The number of minutes the user is locked out after the maximum number of failed login attempts. Default is 15 minutes."
@@ -78,5 +82,13 @@ const onSubmit = async (d, form) => {
         <FormKit label="Access token expiration" type="l-input" name="access_token_expire"
             hint="The access token expiration time in seconds. Default is 28800 seconds (8 hours)."
             validation="required" />
+
+
+        <!-- form-kit label="Password expiration" true-value="1" false-value="0" name="password_expiration"
+            type="l-checkbox"></form-kit>
+
+
+        <form-kit label="Password expiration duration" name="password_expiration_duration" type="l-input"
+            hint="The number of days before the password expires. Default is 90 days." validation="required"></form-kit -->
     </FormKit>
 </template>

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

@@ -226,7 +226,8 @@ onMounted(() => {
     <q-card-actions>
       <l-btn label="Login" outline rounded color="primary" icon="sym_o_login" @click="submit" />
       <l-btn v-if="hasBioLogin" outline rounded color="primary" icon="sym_o_fingerprint" @click="bioLogin" />
-      <l-btn label="Forget password" outline rounded color="primary" icon="sym_o_lock_reset" @click="forgetPassword" />
+      <l-btn label="Forget password" outline rounded color="primary" icon="sym_o_lock_reset" @click="forgetPassword"
+        v-if="forgetPasswordEnabled" />
     </q-card-actions>
     <q-card-actions v-if="props.googleClientId">
       <div>

package/dist/runtime/index.d.ts

@@ -64,21 +64,30 @@ declare module '@formkit/inputs' {
             number?: string;
             dense?: boolean;
         };
-    }
-    interface FormKitInputProps<Props extends FormKitInputs<Props>> {
+        lCheckbox: {
+            type: 'l-checkbox';
+            name: string;
+            label: string;
+            dense?: boolean;
+        };
         lDatePicker: {
             type: 'l-date-picker';
             name: string;
             label: string;
             dense?: boolean;
         };
-    }
-    interface FormKitInputProps<Props extends FormKitInputs<Props>> {
         lForm: {
             type: 'l-form';
             gutter?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
             bordered?: boolean;
         };
+        lSelect: {
+            type: 'l-select';
+            name: string;
+            label: string;
+            options: Array<any>;
+            dense?: boolean;
+        };
     }
 }
 export declare const useLight: (options?: {

package/dist/runtime/pages/System/mailtest.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { m } from '../../'
+import { m } from '#imports'
 import { useQuasar } from "quasar"
 const quasar = useQuasar();
 
@@ -25,11 +25,14 @@ const onSubmit = async (data) => {
 </script>
 <template>
     <l-page>
-        <FormKit type="l-form" @submit="onSubmit">
-            <FormKit type="l-input" label="Email" name="email" validation="required|email"></FormKit>
-            <FormKit type="l-input" label="Subject" name="subject" validation="required"></FormKit>
-            <FormKit type="l-input" input-type="textarea" label="Content" name="content" validation="required">
-            </FormKit>
-        </FormKit>
+        <form-kit type="l-form" @submit="onSubmit" :value="{
+            subject: 'Test email',
+            content: 'Hello, this is a test email'
+        }">
+            <form-kit type="l-input" label="Email" name="email" validation="required|email"></form-kit>
+            <form-kit type="l-input" label="Subject" name="subject" validation="required"></form-kit>
+            <form-kit type="l-input" input-type="textarea" label="Content" name="content" validation="required">
+            </form-kit>
+        </form-kit>
     </l-page>
 </template>

package/package.json

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