@hostlink/nuxt-light 1.73.2 → 1.74.1

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

@@ -1,48 +1,41 @@
 <script setup>
-import { computed, ref, useAttrs, getCurrentInstance } from "vue";
-import { useRouter, useRoute } from "vue-router";
-import { useQuasar, QForm } from "quasar";
+import { computed, getCurrentInstance, ref, useAttrs, useSlots } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useQuasar } from "quasar";
 import { model } from "#imports";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  actions: { type: Boolean, required: false, default: true },
+  bordered: { type: Boolean, required: false, default: true },
+  gutter: { type: String, required: false, default: "md" },
+  layout: { type: String, required: false, default: "grid" },
+  modelValue: { type: Object, required: false },
+  noRedirect: { type: Boolean, required: false, default: false },
+  submitIcon: { type: String, required: false, default: "sym_o_save" },
+  submitLabel: { type: String, required: false, default: "Save" }
+});
+const emit = defineEmits(["save", "submit", "submitted"]);
+const attrs = useAttrs();
+const slots = useSlots();
 const route = useRoute();
 const router = useRouter();
 const quasar = useQuasar();
 const form = ref(null);
-const props = defineProps({
-  modelValue: {
-    type: Object
-  },
-  bordered: {
-    type: Boolean,
-    default: true
-  },
-  gutter: {
-    type: String,
-    default: "md"
-  },
-  submitLabel: {
-    type: String,
-    default: "Save"
-  },
-  submitIcon: {
-    type: String,
-    default: "sym_o_save"
-  },
-  noRedirect: {
-    type: Boolean,
-    default: false
-  }
-});
 const loading = ref(false);
-const attrs = useAttrs();
-const emit = defineEmits(["save", "submit", "submitted"]);
 const instance = getCurrentInstance();
-const hasSubmitListener = computed(() => {
-  return !!instance?.vnode?.props?.onSubmit;
-});
+const hasSubmitListener = computed(() => Boolean(instance?.vnode.props?.onSubmit));
+const hasCustomActions = computed(() => Boolean(slots.actions || slots.buttons));
+const contentClass = computed(() => attrs.class);
+const formAttrs = computed(() => Object.fromEntries(
+  Object.entries(attrs).filter(([key]) => key !== "class")
+));
+const routeParts = computed(() => typeof route.name === "string" ? route.name.split("-") : []);
+const modelName = computed(() => routeParts.value[0]);
+const idName = computed(() => routeParts.value[1]);
 const save = async () => {
-  if (!form.value) return;
-  let valid = await form.value.validate();
-  if (!valid) return;
+  if (!form.value || !await form.value.validate()) {
+    return;
+  }
   emit("save");
   if (hasSubmitListener.value) {
     emit("submit", () => {
@@ -50,57 +43,54 @@ const save = async () => {
     });
     return;
   }
-  if (props.modelValue && route.name) {
-    try {
-      if (route.params[id_name]) {
-        if (await model(module).update(parseInt(route.params[id_name]), props.modelValue)) {
-          if (!props.noRedirect) {
-            router.push(`/${module}`);
-          }
-          emit("submitted");
-          return;
-        }
-      } else {
-        if (await model(module).add(props.modelValue)) {
-          if (!props.noRedirect) {
-            router.push(`/${module}`);
-          }
-          emit("submitted");
-          return;
-        }
-      }
-    } catch (e) {
-      quasar.dialog({
-        title: "Error",
-        message: e.message,
-        ok: "OK"
-      });
+  if (!props.modelValue || !modelName.value) {
+    return;
+  }
+  loading.value = true;
+  try {
+    const routeId = idName.value ? route.params[idName.value] : void 0;
+    const saved = routeId ? await model(modelName.value).update(Number(routeId), props.modelValue) : await model(modelName.value).add(props.modelValue);
+    if (!saved) {
+      return;
     }
+    if (!props.noRedirect) {
+      await router.push(`/${modelName.value}`);
+    }
+    emit("submitted");
+  } catch (error) {
+    quasar.dialog({
+      title: "Error",
+      message: error instanceof Error ? error.message : String(error),
+      ok: "OK"
+    });
+  } finally {
+    loading.value = false;
   }
-  loading.value = false;
 };
-const onSubmit = (e) => {
-  e.preventDefault();
-  save();
+const onSubmit = async (event) => {
+  event.preventDefault();
+  await save();
 };
-const localClass = computed(() => {
-  if (attrs.class) {
-    return attrs.class;
-  }
-  return "row q-col-gutter-" + props.gutter;
-});
 </script>
 
 <template>
-    <q-form ref="form" @submit="onSubmit">
-        <l-card :bordered="bordered">
-            <q-card-section :class="localClass">
-                <slot></slot>
-            </q-card-section>
+    <q-form ref="form" v-bind="formAttrs" @submit="onSubmit">
+        <l-form-layout
+            :actions="actions"
+            :bordered="bordered"
+            :content-class="contentClass"
+            :gutter="gutter"
+            :layout="layout"
+            :submit-icon="submitIcon"
+            :submit-label="submitLabel"
+            :submit-loading="loading"
+        >
+            <slot />
 
-            <q-card-actions align="right">
-                <l-btn :icon="submitIcon" :label="submitLabel" :loading="loading" type="submit" />
-            </q-card-actions>
-        </l-card>
+            <template v-if="hasCustomActions" #actions>
+                <slot v-if="$slots.actions" name="actions" :loading="loading" />
+                <slot v-else name="buttons" :loading="loading" />
+            </template>
+        </l-form-layout>
     </q-form>
 </template>

package/dist/runtime/components/L/Form.vue.d.ts

@@ -1,70 +1,43 @@
-declare var __VLS_23: {};
+import type { LFormGutter, LFormLayout } from "../../types/form.js";
+type __VLS_Props = {
+    actions?: boolean;
+    bordered?: boolean;
+    gutter?: LFormGutter;
+    layout?: LFormLayout;
+    modelValue?: Record<string, unknown>;
+    noRedirect?: boolean;
+    submitIcon?: string;
+    submitLabel?: string;
+};
+declare var __VLS_17: {}, __VLS_20: {
+    loading: boolean;
+}, __VLS_22: {
+    loading: boolean;
+};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_23) => any;
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    actions?: (props: typeof __VLS_20) => any;
+} & {
+    buttons?: (props: typeof __VLS_22) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: ObjectConstructor;
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    gutter: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    noRedirect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (...args: any[]) => void;
     save: (...args: any[]) => void;
     submitted: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: ObjectConstructor;
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    gutter: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    noRedirect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
     onSubmitted?: ((...args: any[]) => any) | undefined;
 }>, {
+    actions: boolean;
     bordered: boolean;
-    gutter: string;
-    submitLabel: string;
-    submitIcon: string;
+    gutter: LFormGutter;
+    layout: LFormLayout;
     noRedirect: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    submitIcon: string;
+    submitLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/FormLayout.d.vue.ts

@@ -0,0 +1,36 @@
+import type { LFormGutter, LFormLayout } from "../../types/form.js";
+type __VLS_Props = {
+    actions?: boolean;
+    bordered?: boolean;
+    contentClass?: string | string[] | Record<string, boolean>;
+    gutter?: LFormGutter;
+    layout?: LFormLayout;
+    submitDisable?: boolean;
+    submitIcon?: string;
+    submitLabel?: string;
+    submitLoading?: boolean;
+};
+declare var __VLS_14: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    actions?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    actions: boolean;
+    bordered: boolean;
+    gutter: LFormGutter;
+    layout: LFormLayout;
+    submitIcon: string;
+    submitLabel: string;
+    submitDisable: boolean;
+    submitLoading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,36 @@
+<script setup>
+import { computed } from "vue";
+import { getFormLayoutClasses } from "../../utils/formLayout";
+const props = defineProps({
+  actions: { type: Boolean, required: false, default: true },
+  bordered: { type: Boolean, required: false, default: true },
+  contentClass: { type: [String, Array, Object], required: false },
+  gutter: { type: String, required: false, default: "md" },
+  layout: { type: String, required: false, default: "grid" },
+  submitDisable: { type: Boolean, required: false, default: false },
+  submitIcon: { type: String, required: false, default: "sym_o_save" },
+  submitLabel: { type: String, required: false, default: "Save" },
+  submitLoading: { type: Boolean, required: false, default: false }
+});
+const layoutClass = computed(() => getFormLayoutClasses(props.layout, props.gutter));
+</script>
+
+<template>
+    <l-card :bordered="bordered">
+        <q-card-section :class="[layoutClass, contentClass]">
+            <slot />
+        </q-card-section>
+
+        <q-card-actions v-if="actions" align="right">
+            <slot name="actions">
+                <l-btn
+                    type="submit"
+                    :icon="submitIcon"
+                    :label="submitLabel"
+                    :loading="submitLoading"
+                    :disable="submitDisable"
+                />
+            </slot>
+        </q-card-actions>
+    </l-card>
+</template>

package/dist/runtime/components/L/FormLayout.vue.d.ts

@@ -0,0 +1,36 @@
+import type { LFormGutter, LFormLayout } from "../../types/form.js";
+type __VLS_Props = {
+    actions?: boolean;
+    bordered?: boolean;
+    contentClass?: string | string[] | Record<string, boolean>;
+    gutter?: LFormGutter;
+    layout?: LFormLayout;
+    submitDisable?: boolean;
+    submitIcon?: string;
+    submitLabel?: string;
+    submitLoading?: boolean;
+};
+declare var __VLS_14: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    actions?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    actions: boolean;
+    bordered: boolean;
+    gutter: LFormGutter;
+    layout: LFormLayout;
+    submitIcon: string;
+    submitLabel: string;
+    submitDisable: boolean;
+    submitLoading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -305,7 +305,7 @@ const facebookLogin = (accessToken) => {
     </q-card-actions>
 
     <q-card-actions v-if="facebookAppId">
-      <l-facebook-button @login="facebookLogin" />
+      <l-facebook-button :app-id="facebookAppId" @login="facebookLogin" />
     </q-card-actions>
   </q-card>
 </template>

package/dist/runtime/components/L/Menu.d.vue.ts

@@ -3,7 +3,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     value?: any;
     dense?: any;
+    expandAll?: any;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     value?: any;
     dense?: any;
+    expandAll?: any;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -2,7 +2,7 @@
 import { useRoute } from "vue-router";
 import { ref, computed } from "vue";
 import { useLight } from "#imports";
-const props = defineProps(["value", "dense"]);
+const props = defineProps(["value", "dense", "expandAll"]);
 const light = useLight();
 const isShowExpansionItem = (menu) => {
   if (menu.children && menu.children.length > 0) {
@@ -47,9 +47,9 @@ const hasChildLink = () => {
     <q-list class="menu-list" :dense="dense">
         <template v-for="menu in value">
 
-            <q-expansion-item :default-opened="hasLink(menu)" :label="$t(menu.label)" :icon="menu.icon" :dense="dense"
-                v-if="isShowExpansionItem(menu)" :group="group">
-                <l-menu class="q-pl-md" :value="menu.children" :dense="dense"></l-menu>
+            <q-expansion-item :default-opened="expandAll || hasLink(menu)" :label="$t(menu.label)" :icon="menu.icon" :dense="dense"
+                v-if="isShowExpansionItem(menu)" :group="expandAll ? undefined : group">
+                <l-menu class="q-pl-md" :value="menu.children" :dense="dense" :expand-all="expandAll"></l-menu>
             </q-expansion-item>
 
             <template v-else>

package/dist/runtime/components/L/Menu.vue.d.ts

@@ -3,7 +3,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     value?: any;
     dense?: any;
+    expandAll?: any;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     value?: any;
     dense?: any;
+    expandAll?: any;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -135,8 +135,6 @@ declare const light: {
                 ipod: boolean;
                 kindle: boolean;
                 winphone: boolean;
-                blackberry: boolean;
-                playbook: boolean;
                 silk: boolean;
             };
             has: {
@@ -732,8 +730,6 @@ declare const _default: () => {
                 ipod: boolean;
                 kindle: boolean;
                 winphone: boolean;
-                blackberry: boolean;
-                playbook: boolean;
                 silk: boolean;
             };
             has: {

package/dist/runtime/formkit/Form.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_14: {
+declare var __VLS_7: {
     [x: string]: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

package/dist/runtime/formkit/Form.vue

@@ -14,7 +14,6 @@ let props = defineProps({
 let onSubmit = async () => {
   props.context?.handlers.submit(new Event("submit"));
 };
-const gutter = props.context?.gutter ?? "md";
 let bordered = true;
 if (props.context.bordered !== void 0) {
   bordered = props.context.bordered;
@@ -89,24 +88,22 @@ if (!props.context.onSubmit) {
 const isNoDirtyCheck = computed(() => {
   return props.context.attrs["no-dirty-check"] !== void 0;
 });
-const localClass = computed(() => {
-  if (props.context.attrs.class) {
-    return props.context.attrs.class;
-  }
-  return "row q-col-gutter-md";
-});
 </script>
 
 <template>
-    <l-card :bordered="bordered">
-        <form @submit.prevent="onSubmit">
-            <q-card-section :class="localClass">
-                <slot v-bind="context"></slot>
-            </q-card-section>
-            <q-card-actions align="right" v-if="context.actions">
-                <l-btn type="submit" icon="sym_o_check" :label="context.submitLabel ?? 'Submit'"
-                    :disabled="!isNoDirtyCheck && !context.state.dirty" :loading="context.state.loading"></l-btn>
-            </q-card-actions>
-        </form>
-    </l-card>
+    <form @submit.prevent="onSubmit">
+        <l-form-layout
+            :actions="context.actions"
+            :bordered="bordered"
+            :content-class="context.attrs.class"
+            :gutter="context.gutter ?? 'md'"
+            :layout="context.layout ?? 'grid'"
+            :submit-disable="!isNoDirtyCheck && !context.state.dirty"
+            :submit-icon="context.submitIcon ?? 'sym_o_check'"
+            :submit-label="context.submitLabel ?? 'Submit'"
+            :submit-loading="context.state.loading"
+        >
+            <slot v-bind="context" />
+        </l-form-layout>
+    </form>
 </template>

package/dist/runtime/formkit/Form.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_14: {
+declare var __VLS_7: {
     [x: string]: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

package/dist/runtime/formkit/index.js

@@ -110,9 +110,11 @@ export const createLightPlugin = () => {
           props: [
             "actions",
             "submitLabel",
+            "submitIcon",
             "submit",
             "onSubmit",
             "gutter",
+            "layout",
             "bordered",
             "modelName",
             "modelId"

package/dist/runtime/locales/en.json

@@ -6,5 +6,11 @@
     "contains_symbol": "Must contain at least one special character",
     "storage_usage": "{0} free of {1}",
     "input_required": "Please input {0}",
-    "input_min": "Please input at least {0} characters"
-}
+    "input_min": "Please input at least {0} characters",
+    "Filesystem decorators": "Filesystem decorators",
+    "Decorators are applied in order to every file operation.": "Decorators are applied in order to every file operation.",
+    "Add decorator": "Add decorator",
+    "Decorator": "Decorator",
+    "Search menu": "Search menu",
+    "No matching menu": "No matching menu"
+}

package/dist/runtime/locales/zh-hk.json

@@ -126,6 +126,8 @@
     "File": "檔案",
     "Folder": "資料夾",
     "Search": "搜尋",
+    "Search menu": "搜尋選單",
+    "No matching menu": "找不到符合的選單",
     "Reset": "重設",
     "Reload": "重新載入",
     "Rename": "重新命名",
@@ -210,5 +212,9 @@
     "Are you sure you want to reset 2FA?" : "您確定要重置雙重認證嗎？",
     "Update role": "更新角色",
     "Overview": "概覽",
-    "Click the button below to link your Google account.": "點擊下面的按鈕連接您的Google帳戶。"
-}
+    "Click the button below to link your Google account.": "點擊下面的按鈕連接您的Google帳戶。",
+    "Filesystem decorators": "檔案系統路徑處理器",
+    "Decorators are applied in order to every file operation.": "路徑處理器會按顯示次序套用到每個檔案操作。",
+    "Add decorator": "新增路徑處理器",
+    "Decorator": "路徑處理器"
+}

package/dist/runtime/pages/Role/[name]/update-child.vue

@@ -1,6 +1,9 @@
 <script setup>
 import { useRoute } from "vue-router";
-import { q } from "#imports";
+import { definePageMeta, q } from "#imports";
+definePageMeta({
+  permission: "role.update-child"
+});
 const route = useRoute();
 const name = route.params.name;
 const role = await q("getRole", {

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

@@ -24,6 +24,44 @@ const custom_tables = computed(() => {
 const systables = computed(() => {
   return (data.value?.tableStatus ?? []).filter((table) => SYSTEM_TABLES.includes(table.Name));
 });
+const formatMb = (bytes) => `${(Number(bytes ?? 0) / 1024 / 1024).toFixed(2)} MB`;
+const tableStatusColumns = [
+  { name: "Name", label: "Table", field: "Name", align: "left", sortable: true },
+  { name: "Engine", label: "Engine", field: "Engine", align: "left", sortable: true },
+  { name: "Rows", label: "Rows", field: "Rows", align: "right", sortable: true },
+  {
+    name: "Data_length",
+    label: "Data Length",
+    field: "Data_length",
+    format: formatMb,
+    align: "right",
+    sortable: true
+  },
+  {
+    name: "Index_length",
+    label: "Index Length",
+    field: "Index_length",
+    format: formatMb,
+    align: "right",
+    sortable: true
+  },
+  {
+    name: "Size",
+    label: "Size",
+    field: (row) => Number(row.Data_length ?? 0) + Number(row.Index_length ?? 0),
+    format: formatMb,
+    align: "right",
+    sortable: true
+  },
+  {
+    name: "Data_free",
+    label: "Data Free",
+    field: "Data_free",
+    format: formatMb,
+    align: "right",
+    sortable: true
+  }
+];
 const selected = reactive({});
 const add = async (table) => {
   $q.dialog({
@@ -202,7 +240,7 @@ const truncatTable = async () => {
 
         <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]"
+                <q-table :rows="custom_tables" :columns="tableStatusColumns" 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">
@@ -220,7 +258,7 @@ const truncatTable = async () => {
             <q-separator />
 
             <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]"
+                <q-table :rows="systables" :columns="tableStatusColumns" hide-pagination flat separator="cell" dense :rows-per-page-options="[0]"
                     row-key="Name" class="q-ma-sm" />
             </q-expansion-item>
         </l-card>