@hostlink/nuxt-light 1.65.0 → 1.66.2

package/dist/runtime/composables/useLight.d.ts

@@ -224,18 +224,18 @@ declare const light: {
             isoName: string;
             nativeName: string;
             label: {
-                clear: string;
+                create: string;
                 set: string;
-                select: string;
+                clear: string;
                 filter: string;
-                search: string;
                 remove: string;
                 cancel: string;
                 close: string;
                 reset: string;
+                select: string;
+                search: string;
                 ok: string;
                 update: string;
-                create: string;
                 refresh: string;
                 expand: (label?: string | undefined) => string;
                 collapse: (label?: string | undefined) => string;
@@ -265,8 +265,6 @@ declare const light: {
                 pagination: (start: number, end: number, total: number) => string;
             };
             editor: {
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -290,6 +288,7 @@ declare const light: {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
                 heading1: string;
@@ -299,6 +298,7 @@ declare const light: {
                 heading5: string;
                 heading6: string;
                 paragraph: string;
+                code: string;
                 size1: string;
                 size2: string;
                 size3: string;
@@ -318,10 +318,10 @@ declare const light: {
             set: (iconSet: import("quasar").QuasarIconSet) => void;
             name: string;
             type: {
+                positive: string;
+                negative: string;
                 info: string;
                 warning: string;
-                negative: string;
-                positive: string;
             };
             arrow: {
                 left: string;
@@ -361,8 +361,6 @@ declare const light: {
             };
             editor: {
                 size: string;
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -385,8 +383,10 @@ declare const light: {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
+                code: string;
                 viewSource: string;
                 heading: string;
                 font: string;
@@ -413,8 +413,8 @@ declare const light: {
                 activeIcon: string;
             };
             field: {
-                clear: string;
                 error: string;
+                clear: string;
             };
             pagination: {
                 first: string;
@@ -821,18 +821,18 @@ declare const _default: () => {
             isoName: string;
             nativeName: string;
             label: {
-                clear: string;
+                create: string;
                 set: string;
-                select: string;
+                clear: string;
                 filter: string;
-                search: string;
                 remove: string;
                 cancel: string;
                 close: string;
                 reset: string;
+                select: string;
+                search: string;
                 ok: string;
                 update: string;
-                create: string;
                 refresh: string;
                 expand: (label?: string | undefined) => string;
                 collapse: (label?: string | undefined) => string;
@@ -862,8 +862,6 @@ declare const _default: () => {
                 pagination: (start: number, end: number, total: number) => string;
             };
             editor: {
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -887,6 +885,7 @@ declare const _default: () => {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
                 heading1: string;
@@ -896,6 +895,7 @@ declare const _default: () => {
                 heading5: string;
                 heading6: string;
                 paragraph: string;
+                code: string;
                 size1: string;
                 size2: string;
                 size3: string;
@@ -915,10 +915,10 @@ declare const _default: () => {
             set: (iconSet: import("quasar").QuasarIconSet) => void;
             name: string;
             type: {
+                positive: string;
+                negative: string;
                 info: string;
                 warning: string;
-                negative: string;
-                positive: string;
             };
             arrow: {
                 left: string;
@@ -958,8 +958,6 @@ declare const _default: () => {
             };
             editor: {
                 size: string;
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -982,8 +980,10 @@ declare const _default: () => {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
+                code: string;
                 viewSource: string;
                 heading: string;
                 font: string;
@@ -1010,8 +1010,8 @@ declare const _default: () => {
                 activeIcon: string;
             };
             field: {
-                clear: string;
                 error: string;
+                clear: string;
             };
             pagination: {
                 first: string;

package/dist/runtime/composables/useLightProps.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Reactive input props — auto-translates label/hint.
+ * Priority (lowest→highest): light.styles.input < declared props < $attrs
+ * Use with defineOptions({ inheritAttrs: false }) in the component.
+ */
+export declare function useLightInputDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Reactive card props — auto-translates label.
+ * Priority (lowest→highest): light.styles.card < declared props < $attrs
+ */
+export declare function useLightCardDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Reactive table props — auto-translates label.
+ * Priority (lowest→highest): light.styles.table < declared props < $attrs
+ */
+export declare function useLightTableDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Reactive button props — auto-translates label.
+ * Priority (lowest→highest): light.styles.button < declared props < $attrs
+ */
+export declare function useLightButtonDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Lightweight composable for simple label-only wrappers (Checkbox, Radio, Tab, Toggle…).
+ * Returns a reactive translated label string (or undefined).
+ */
+export declare function useLightLabel(props: Readonly<Record<string, any>>): import("vue").ComputedRef<any>;

package/dist/runtime/composables/useLightProps.js

@@ -0,0 +1,73 @@
+import { computed } from "vue";
+import useLight from "./useLight.js";
+const MODEL_KEYS = ["modelValue", "onUpdate:modelValue"];
+function filterDefined(obj, exclude = []) {
+  return Object.fromEntries(
+    Object.entries(obj).filter(([k, v]) => v !== void 0 && !exclude.includes(k))
+  );
+}
+const TRANSLATE_KEYS = ["label", "hint"];
+function withTranslations(result, light, extra = {}) {
+  if (result.label !== void 0)
+    result.label = light.$t(result.label);
+  if (result.hint !== void 0)
+    result.hint = light.$t(result.hint);
+  return { ...result, ...extra };
+}
+export function useLightInputDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  const allExclude = [...MODEL_KEYS, ...excludeKeys];
+  return computed(() => {
+    const base = {
+      color: light.color,
+      ...light.styles.input,
+      ...filterDefined(props, allExclude),
+      ...filterDefined(attrs, MODEL_KEYS),
+      class: attrs.class ?? props.class ?? "col-12"
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightCardDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  const allExclude = [...MODEL_KEYS, ...excludeKeys];
+  return computed(() => {
+    const base = {
+      ...light.styles.card,
+      ...filterDefined(props, allExclude),
+      ...filterDefined(attrs, MODEL_KEYS)
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightTableDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  const allExclude = [...MODEL_KEYS, ...excludeKeys];
+  return computed(() => {
+    const base = {
+      color: light.color,
+      ...light.styles.table,
+      ...filterDefined(props, allExclude),
+      ...filterDefined(attrs, MODEL_KEYS)
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightButtonDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  return computed(() => {
+    const base = {
+      color: "primary",
+      ...light.styles.button,
+      ...filterDefined(props, excludeKeys),
+      ...filterDefined(attrs)
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightLabel(props) {
+  const light = useLight();
+  return computed(
+    () => props.label !== void 0 ? light.$t(props.label) : void 0
+  );
+}

package/dist/runtime/models/APIKey.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/dist/runtime/models/APIKey.js

@@ -0,0 +1,20 @@
+import { defineLightModel } from "#imports";
+export default defineLightModel({
+  name: "APIKey",
+  fields: {
+    apikey_id: {
+      label: "ID",
+      sortable: true,
+      autoWidth: true
+    },
+    name: {
+      label: "Name",
+      sortable: true,
+      searchable: true
+    },
+    created_time: {
+      label: "Created time",
+      sortable: true
+    }
+  }
+});

package/dist/runtime/models/SystemValue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/dist/runtime/models/SystemValue.js

@@ -0,0 +1,15 @@
+import { defineLightModel } from "#imports";
+export default defineLightModel({
+  name: "SystemValue",
+  dataPath: "app.listSystemValue",
+  fields: {
+    name: {
+      label: "Name",
+      sortable: true
+    },
+    value: {
+      label: "Value",
+      sortable: true
+    }
+  }
+});

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

@@ -1,6 +1,6 @@
 <script setup>
 import { model, q } from "#imports";
-import { resolveComponent } from "vue";
+import { LCustomFieldAdd } from "#components";
 const onRequest = async (request) => {
   request.loadObjects("CustomField");
 };
@@ -15,7 +15,6 @@ const columns = model("CustomField").columns({
   type: true,
   validation: true
 });
-const addComponent = await resolveComponent("l-custom-field-add");
 </script>
 
 <template>
@@ -25,9 +24,10 @@ const addComponent = await resolveComponent("l-custom-field-add");
             on Customization settings page.
         </p>
 
-        <l-table row-key="custom_field_id" @request-data="onRequest" :columns="columns" :add-component="addComponent" :add-component-props="{
-            models: app.customFieldModels
-        }" :actions="['edit', 'delete']">
+        <l-table row-key="custom_field_id" @request-data="onRequest" :columns="columns" :add-component="LCustomFieldAdd"
+            :add-component-props="{
+                models: app.customFieldModels
+            }" :actions="['edit', 'delete']">
         </l-table>
 
     </l-page>

package/dist/runtime/pages/System/database/table.vue

@@ -1,6 +1,9 @@
 <script setup>
-import { q, m, useLight, useAsyncData } from "#imports";
-import { resolveComponent, ref, reactive, computed } from "vue";
+import { q, m, useLight, useAsyncData, useQuasar } from "#imports";
+import { ref, reactive, computed } from "vue";
+import { LDatabaseCreateTableDialog, LDialogDatabaseFieldAdd } from "#components";
+import { Dialog } from "quasar";
+const $q = useQuasar();
 const light = useLight();
 const { data, refresh } = await useAsyncData("database", async () => {
   return await q({
@@ -14,18 +17,17 @@ const { data, refresh } = await useAsyncData("database", async () => {
     }
   }).then((res) => res.system.database);
 });
-const SYSTEM_TABLES = ["Config", "EventLog", "MailLog", "Permission", "Role", "SystemValue", "Translate", "User", "UserLog", "UserRole", "MyFavorite", "CustomField"];
+const SYSTEM_TABLES = ["Config", "EventLog", "MailLog", "Permission", "Role", "SystemValue", "Translate", "User", "UserLog", "UserRole", "MyFavorite", "CustomField", "Revision"];
 const custom_tables = computed(() => {
   return (data.value?.tableStatus ?? []).filter((table) => !SYSTEM_TABLES.includes(table.Name));
 });
 const systables = computed(() => {
   return (data.value?.tableStatus ?? []).filter((table) => SYSTEM_TABLES.includes(table.Name));
 });
-const field_add = resolveComponent("l-dialog-database-field-add");
-const table_add = resolveComponent("l-database-create-table-dialog");
+const selected = reactive({});
 const add = async (table) => {
-  light.dialog({
-    component: field_add
+  $q.dialog({
+    component: LDialogDatabaseFieldAdd
   }).onOk(async (data2) => {
     try {
       await m("lightDatabaseAddField", {
@@ -50,7 +52,30 @@ const add = async (table) => {
     }
   });
 };
-const selected = reactive({});
+const edit = async (table) => {
+  const field = selected[table]?.[0];
+  if (!field) return;
+  $q.dialog({
+    component: LDialogDatabaseFieldAdd,
+    componentProps: { field }
+  }).onOk(async (data2) => {
+    try {
+      await m("lightDatabaseEditField", {
+        table,
+        field: data2.name,
+        type: data2.type,
+        length: data2.length,
+        default: data2.default,
+        nullable: data2.nullable,
+        autoincrement: data2.autoincrement
+      });
+      light.notify({ type: "positive", message: "Field updated successfully" });
+      refresh();
+    } catch (e) {
+      light.notify({ type: "negative", message: e.message });
+    }
+  });
+};
 if (data.value?.table) {
   for (let table of data.value.table) {
     selected[table.name] = [];
@@ -83,8 +108,8 @@ const removeField = async (table) => {
   });
 };
 const createTable = () => {
-  light.dialog({
-    component: table_add
+  Dialog.create({
+    component: LDatabaseCreateTableDialog
   }).onOk(async (data2) => {
     try {
       await m("lightDatabaseCreateTable", {
@@ -175,62 +200,51 @@ const truncatTable = async () => {
             </l-list>
         </l-card>
 
-        <q-card>
-            <q-list separator bordered>
-                <q-expansion-item label="Table Status" dense>
-                    <div s>
-
-                        <q-table :rows="custom_tables" hide-pagination flat bordered separator="cell" dense
-                            :rows-per-page-options="[0]" v-model:selected="selectedTable" selection="multiple"
-                            row-key="Name">
-
-                            <template #top-left>
-                                <q-btn icon="sym_o_add" @click="createTable()" round flat size="sm">
-                                    <q-tooltip>Create table</q-tooltip>
-                                </q-btn>
-                                <q-btn icon="sym_o_delete" @click="removeTable()" round flat size="sm"
-                                    :disable="selectedTable.length == 0">
-                                    <q-tooltip>Remove table</q-tooltip>
-                                </q-btn>
-
-                                <q-btn icon="sym_o_scan_delete" @click="truncatTable" round flat size="sm"
-                                    :disable="selectedTable.length == 0">
-                                    <q-tooltip>Truncate table</q-tooltip>
-                                </q-btn>
-
-                            </template>
-                        </q-table>
-
-                        <q-table :rows="systables" hide-pagination flat bordered separator="cell" dense
-                            :rows-per-page-options="[0]" row-key="Name" title="System tables">
+        <l-card>
+            <q-expansion-item label="Custom Tables" dense header-class="text-weight-medium">
+                <q-table :rows="custom_tables" hide-pagination flat separator="cell" dense :rows-per-page-options="[0]"
+                    v-model:selected="selectedTable" selection="multiple" row-key="Name" class="q-ma-sm">
+                    <template #top>
+                        <div class="row items-center q-gutter-sm">
+                            <q-btn icon="sym_o_add" @click="createTable" flat size="sm" label="Add Table"
+                                color="primary" />
+                            <q-btn icon="sym_o_delete" @click="removeTable" :disable="selectedTable.length == 0"
+                                label="Remove" flat size="sm" color="negative" />
+                            <q-btn icon="sym_o_scan_delete" @click="truncatTable" :disable="selectedTable.length == 0"
+                                label="Truncate" flat size="sm" color="warning" />
+                        </div>
+                    </template>
+                </q-table>
+            </q-expansion-item>
 
-                        </q-table>
-                    </div>
-                </q-expansion-item>
-            </q-list>
-        </q-card>
+            <q-separator />
 
-        <q-card>
-            <q-list separator bordered>
-                <q-expansion-item :label="table.name" v-for="table in data.table" dense>
-                    <div class="q-ma-sm">
-                        <q-table row-key="name" :rows="table.columns" :rows-per-page-options="[0]" hide-pagination flat
-                            bordered selection="multiple" v-model:selected="selected[table.name]">
-                            <template #top-left>
-                                <q-btn icon="sym_o_add" @click="add(table.name)" round flat size="sm">
-                                    <q-tooltip>Add field</q-tooltip>
-                                </q-btn>
-                                <q-btn icon="sym_o_delete" @click="removeField(table.name)" round flat size="sm"
-                                    :disable="selected[table.name].length == 0">
-                                    <q-tooltip>Remove field</q-tooltip>
-                                </q-btn>
-                            </template>
-                        </q-table>
-                    </div>
+            <q-expansion-item label="System Tables" dense header-class="text-weight-medium">
+                <q-table :rows="systables" hide-pagination flat separator="cell" dense :rows-per-page-options="[0]"
+                    row-key="Name" class="q-ma-sm" />
+            </q-expansion-item>
+        </l-card>
 
-                </q-expansion-item>
-            </q-list>
-        </q-card>
+        <l-card title="Tables">
+            <q-expansion-item v-for="table in data.table" :key="table.name" :label="table.name" dense
+                header-class="text-weight-medium">
+                <q-table row-key="name" :rows="table.columns" :rows-per-page-options="[0]" hide-pagination flat
+                    separator="cell" dense selection="multiple" v-model:selected="selected[table.name]" class="q-ma-sm">
+                    <template #top>
+                        <div class="row items-center q-gutter-sm">
+                            <q-btn icon="sym_o_add" @click="add(table.name)" flat size="sm" label="Add Field"
+                                color="primary" />
+                            <q-btn icon="sym_o_edit" @click="edit(table.name)"
+                                :disable="selected[table.name]?.length !== 1" label="Edit Field" flat size="sm"
+                                color="secondary" />
+                            <q-btn icon="sym_o_delete" @click="removeField(table.name)"
+                                :disable="selected[table.name]?.length == 0" label="Remove Field" flat size="sm"
+                                color="negative" />
+                        </div>
+                    </template>
+                </q-table>
+            </q-expansion-item>
+        </l-card>
 
     </l-page>
 </template>

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

@@ -21,7 +21,7 @@ const columns = [
   {
     name: "value",
     label: "Value",
-    whiteSpace: "pre-wrap"
+    style: "white-space: normal; word-break: break-all;"
   }
 ];
 </script>

package/dist/runtime/pages/System/menu/index.vue

@@ -264,7 +264,11 @@ const menusOnly = computed(() => {
                                 <l-input label="Label" v-model="selectedNode.label" />
                                 <l-input label="To" v-model="selectedNode.to" />
                                 <l-input label="Icon" v-model="selectedNode.icon"
-                                    hint="example: sym_o_add, fas fa-ambulance, mdi-alert-circle-outline" />
+                                    hint="example: sym_o_add, fas fa-ambulance, mdi-alert-circle-outline">
+                                    <template #append>
+                                        <l-icon-picker v-model="selectedNode.icon" dense />
+                                    </template>
+                                </l-input>
                                 <l-input label="Permission" v-model="selectedNode.permission" />
                                 <l-input label="UUID" v-model="selectedNode.uuid" readonly />
                             </div>

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

@@ -47,21 +47,23 @@ const onSubmit = async (d) => {
                     <q-tabs v-model="tab" vertical>
                         <q-tab name="general" icon="sym_o_info" :label="$t('General')" />
                         <q-tab name="security" icon="sym_o_security" :label="$t('Security')" />
-                        <q-tab name="Modules" icon="sym_o_apps" :label="$t('Modules')" />
+                        <q-tab name="modules" icon="sym_o_apps" :label="$t('Modules')" />
                         <q-tab name="mail" icon="sym_o_email" :label="$t('Mail')" />
                         <q-tab name="forget-password" icon="sym_o_lock" :label="$t('Forget password')" />
                         <q-tab name="authentication" icon="sym_o_passkey" :label="$t('Authentication')" />
                         <q-tab name="developer" icon="sym_o_code" :label="$t('Developer')" />
+                        <q-tab name="logs" icon="sym_o_event_note" :label="$t('Logs')" />
                     </q-tabs>
                 </template>
                 <template #after>
                     <l-system-setting-general v-if="tab == 'general'" v-bind="obj" @submit="onSubmit" />
                     <l-system-setting-mail v-if="tab == 'mail'" v-bind="obj" @submit="onSubmit" />
                     <l-system-setting-security v-if="tab == 'security'" v-bind="obj" @submit="onSubmit" />
-                    <l-system-setting-modules v-if="tab == 'Modules'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-modules v-if="tab == 'modules'" v-bind="obj" @submit="onSubmit" />
                     <l-system-setting-developer v-if="tab == 'developer'" v-bind="obj" @submit="onSubmit" />
                     <l-system-setting-forget-password v-if="tab == 'forget-password'" v-bind="obj" @submit="onSubmit" />
                     <l-system-setting-authentication v-if="tab == 'authentication'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-logs v-if="tab == 'logs'" />
 
                 </template>
             </q-splitter>

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

@@ -1,7 +1,10 @@
 <script setup>
-import { list, m, useLight } from "#imports";
+import { list, m, useLight, navigateTo } from "#imports";
 import { ref, computed } from "vue";
 const light = useLight();
+if (!light.isGranted("system.view_as")) {
+  await navigateTo("/");
+}
 let users = await list("User", {
   user_id: true,
   username: true,

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

@@ -1,6 +1,9 @@
 <script setup>
 import { model } from "#imports";
-const columns = model("SystemValue").columns(["name", "value"]);
+const columns = model("SystemValue").columns({
+  name: true,
+  value: true
+});
 </script>
 
 <template>

package/dist/runtime/pages/User/createAccessToken.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;