@hostlink/nuxt-light 1.64.3 → 1.66.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.64.3",
+  "version": "1.66.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -216,6 +216,11 @@ const routes = [
     path: "/User/profile",
     file: "runtime/pages/User/profile.vue"
   },
+  {
+    name: "User-createAccessToken",
+    path: "/User/createAccessToken",
+    file: "runtime/pages/User/createAccessToken.vue"
+  },
   {
     path: "/User/setting",
     file: "runtime/pages/User/setting.vue",

package/dist/runtime/components/L/CustomField/Add.vue

@@ -33,12 +33,17 @@ const onOKClick = async (value) => {
     });
     onDialogOK();
   } catch (e) {
+    $q.notify({
+      icon: "sym_o_warning",
+      message: e.message,
+      color: "negative"
+    });
   }
 };
 </script>
 
 <template>
-    <q-dialog ref="dialogRef" full-width>
+    <q-dialog ref="dialogRef">
         <q-card class="q-dialog-plugin">
             <q-toolbar>
                 <q-toolbar-title>Add Custom Field</q-toolbar-title>

package/dist/runtime/components/L/Database/create-table-dialog.vue

@@ -20,36 +20,44 @@ const types = ["varchar", "int", "date", "time", "datetime", "timestamp", "text"
 
 <template>
     <q-dialog ref="dialogRef" full-width>
-        <q-card class="q-dialog-plugin">
-            <q-toolbar>
-                <q-toolbar-title>Create Table</q-toolbar-title>
-                <q-space />
-                <q-btn dense flat icon="sym_o_close" v-close-popup />
-            </q-toolbar>
-            <form-kit type="l-form" :bordered="false" @submit="onOKClick" :value="{
-                name: '',
-                fields: [],
-            }" :action="false" #default="{ value }">
+        <Suspense>
+            <template #default>
+                <q-card class="q-dialog-plugin">
+                    <q-toolbar>
+                        <q-toolbar-title>Create Table</q-toolbar-title>
+                        <q-space />
+                        <q-btn dense flat icon="sym_o_close" v-close-popup />
+                    </q-toolbar>
+                    <form-kit type="l-form" :bordered="false" @submit="onOKClick" :value="{
+                        name: '',
+                        fields: [],
+                    }" :action="false" #default="{ value }">
 
-                <form-kit type="l-input" name="name" label="Name" validation="required" />
+                        <form-kit type="l-input" name="name" label="Name" validation="required" />
 
-                <form-kit type="l-repeater" name="fields">
-                    <div class="row q-gutter-sm">
-                        <form-kit type="l-input" name="name" label="Name" validation="required" class="col" />
+                        <form-kit type="l-repeater" name="fields">
+                            <div class="row q-gutter-sm">
+                                <form-kit type="l-input" name="name" label="Name" validation="required" class="col"
+                                    dense />
 
-                        <form-kit type="l-select" name="type" label="Type" :options="types" validation="required"
-                            class="col" />
-                        <form-kit type="l-input" name="length" label="Length" class="col" number />
-                        <form-kit type="l-input" name="default" label="Default" class="col" />
-                    </div>
+                                <form-kit type="l-select" name="type" label="Type" :options="types"
+                                    validation="required" class="col" dense />
+                                <form-kit type="l-input" name="length" label="Length" class="col" number dense />
+                                <form-kit type="l-input" name="default" label="Default" class="col" dense />
+                                <form-kit type="l-checkbox" name="nullable" label="Nullable" />
+                            </div>
+                        </form-kit>
 
-                    <div class="row">
-                        <form-kit type="l-checkbox" name="nullable" label="Nullable" />
-                    </div>
-                </form-kit>
+                    </form-kit>
 
-            </form-kit>
-
-        </q-card>
+                </q-card>
+            </template>
+            <template #fallback>
+                <div class="q-pa-lg flex flex-center">
+                    <q-spinner-dots color="primary" size="40px" />
+                    <div class="q-ml-sm">Loading...</div>
+                </div>
+            </template>
+        </Suspense>
     </q-dialog>
 </template>

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

@@ -0,0 +1,50 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    width: string;
+    height: string;
+    mimeType: string;
+    fit: "fill" | "none" | "contain" | "cover" | "scale-down";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,154 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+const props = defineProps({
+  url: {
+    type: String,
+    required: true
+  },
+  mimeType: {
+    type: String,
+    default: ""
+  },
+  // 圖片/視頻的寬高
+  width: {
+    type: String,
+    default: "100%"
+  },
+  height: {
+    type: String,
+    default: "500px"
+  },
+  // 圖片的 fit 模式
+  fit: {
+    type: String,
+    default: "contain"
+  }
+});
+const textContent = ref("");
+const isLoading = ref(false);
+const error = ref(null);
+const fileType = computed(() => {
+  const mime = props.mimeType.toLowerCase();
+  if (mime.startsWith("image/")) return "image";
+  if (mime.startsWith("video/")) return "video";
+  if (mime.startsWith("audio/")) return "audio";
+  if (mime === "application/pdf") return "pdf";
+  if (mime.startsWith("text/") || mime === "application/json") return "text";
+  if (mime.includes("word") || mime.includes("spreadsheet") || mime.includes("presentation") || mime.includes("excel") || mime.includes("powerpoint") || mime.includes("msword") || mime.includes("officedocument")) {
+    return "office";
+  }
+  return "unknown";
+});
+const officeViewerUrl = computed(() => {
+  if (fileType.value === "office") {
+    return `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(props.url)}`;
+  }
+  return "";
+});
+const loadTextContent = async () => {
+  if (fileType.value !== "text") return;
+  isLoading.value = true;
+  error.value = null;
+  try {
+    const response = await fetch(props.url);
+    if (!response.ok) throw new Error("\u7121\u6CD5\u8F09\u5165\u6587\u4EF6");
+    textContent.value = await response.text();
+  } catch (e) {
+    error.value = e instanceof Error ? e.message : "\u8F09\u5165\u5931\u6557";
+  } finally {
+    isLoading.value = false;
+  }
+};
+watch(() => [props.url, fileType.value], () => {
+  if (fileType.value === "text") {
+    loadTextContent();
+  }
+}, { immediate: true });
+</script>
+
+<template>
+    <div class="l-document-viewer">
+        <!-- 圖片預覽 -->
+        <q-img
+            v-if="fileType === 'image'"
+            :src="url"
+            :fit="fit"
+            :style="{ width, height }"
+            spinner-color="primary"
+        >
+            <template #error>
+                <div class="absolute-full flex flex-center bg-negative text-white">
+                    無法載入圖片
+                </div>
+            </template>
+        </q-img>
+
+        <!-- 視頻預覽 -->
+        <q-video
+            v-else-if="fileType === 'video'"
+            :src="url"
+            :style="{ width, height }"
+        />
+
+        <!-- 音頻預覽 -->
+        <audio
+            v-else-if="fileType === 'audio'"
+            :src="url"
+            controls
+            style="width: 100%"
+        >
+            您的瀏覽器不支援音頻播放
+        </audio>
+
+        <!-- PDF 預覽 -->
+        <iframe
+            v-else-if="fileType === 'pdf'"
+            :src="url"
+            :style="{ width, height, border: 'none' }"
+            title="PDF Viewer"
+        />
+
+        <!-- 文字預覽 (txt, json 等) -->
+        <div v-else-if="fileType === 'text'" class="text-viewer" :style="{ height }">
+            <q-spinner v-if="isLoading" color="primary" size="3em" />
+            <q-banner v-else-if="error" class="bg-negative text-white">
+                {{ error }}
+            </q-banner>
+            <pre v-else class="text-content">{{ textContent }}</pre>
+        </div>
+
+        <!-- Office 文件預覽 -->
+        <iframe
+            v-else-if="fileType === 'office'"
+            :src="officeViewerUrl"
+            :style="{ width, height, border: 'none' }"
+            title="Office Viewer"
+        />
+
+        <!-- 不支援的類型 -->
+        <div v-else class="unsupported flex flex-center" :style="{ height }">
+            <div class="text-center">
+                <q-icon name="sym_r_description" size="64px" color="grey-5" />
+                <div class="text-grey-7 q-mt-md">
+                    不支援預覽此文件類型
+                </div>
+                <div class="text-caption text-grey-5">
+                    {{ mimeType || "\u672A\u77E5\u985E\u578B" }}
+                </div>
+                <q-btn
+                    class="q-mt-md"
+                    color="primary"
+                    icon="sym_r_download"
+                    label="下載文件"
+                    :href="url"
+                    target="_blank"
+                    outline
+                />
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.l-document-viewer{width:100%}.text-viewer{background:#f5f5f5;border-radius:4px;overflow:auto;padding:16px}.text-content{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5}.unsupported{background:#fafafa;border:1px dashed #e0e0e0;border-radius:8px}
+</style>

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

@@ -0,0 +1,50 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    width: string;
+    height: string;
+    mimeType: string;
+    fit: "fill" | "none" | "contain" | "cover" | "scale-down";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,65 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: (...args: any[]) => void;
+    ok: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>> & Readonly<{
+    onHide?: ((...args: any[]) => any) | undefined;
+    onOk?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    width: string;
+    height: string;
+    mimeType: string;
+    fit: "fill" | "none" | "contain" | "cover" | "scale-down";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,67 @@
+<script setup>
+import { useDialogPluginComponent } from "quasar";
+const props = defineProps({
+  url: {
+    type: String,
+    required: true
+  },
+  mimeType: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  // 圖片/視頻的寬高
+  width: {
+    type: String,
+    default: "100%"
+  },
+  height: {
+    type: String,
+    default: "70vh"
+  },
+  // 圖片的 fit 模式
+  fit: {
+    type: String,
+    default: "contain"
+  }
+});
+defineEmits([
+  // REQUIRED; need to specify some events that your
+  // component will emit through useDialogPluginComponent()
+  ...useDialogPluginComponent.emits
+]);
+const { dialogRef, onDialogHide, onDialogCancel } = useDialogPluginComponent();
+</script>
+
+<template>
+    <q-dialog ref="dialogRef" @hide="onDialogHide" full-width >
+        <q-card class="q-dialog-plugin" :bordered="false" square>
+            <q-toolbar class="bg-primary text-white">
+                <q-toolbar-title>{{ title || "\u6587\u4EF6\u9810\u89BD" }}</q-toolbar-title>
+                <q-space />
+                <q-btn
+                    :href="url"
+                    target="_blank"
+                    dense
+                    flat
+                    icon="sym_o_download"
+                    title="下載"
+                />
+                <q-btn dense flat icon="sym_o_close" v-close-popup />
+            </q-toolbar>
+
+            <q-card-section class="q-pa-md">
+                <LDocumentViewer
+                    :url="url"
+                    :mime-type="mimeType"
+                    :width="width"
+                    :height="height"
+                    :fit="fit"
+                />
+            </q-card-section>
+        </q-card>
+    </q-dialog>
+</template>

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

@@ -0,0 +1,65 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: (...args: any[]) => void;
+    ok: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+    mimeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: () => "cover" | "contain" | "fill" | "none" | "scale-down";
+        default: string;
+    };
+}>> & Readonly<{
+    onHide?: ((...args: any[]) => any) | undefined;
+    onOk?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    width: string;
+    height: string;
+    mimeType: string;
+    fit: "fill" | "none" | "contain" | "cover" | "scale-down";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/l-customizer.d.vue.ts

@@ -32,7 +32,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     menuWidth: {
         type: import("vue").PropType<number>;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:theme": (...args: any[]) => void;
+    "update:menuOverlayHeader": (...args: any[]) => void;
+    "update:dense": (...args: any[]) => void;
+    "update:color": (...args: any[]) => void;
+    "update:miniState": (...args: any[]) => void;
+    "update:footer": (...args: any[]) => void;
+    "update:menuWidth": (value: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     time: {
         type: StringConstructor;
         default: string;
@@ -64,12 +72,20 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     menuWidth: {
         type: import("vue").PropType<number>;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:theme"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:menuOverlayHeader"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:dense"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:color"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:miniState"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:footer"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:menuWidth"?: ((value: number) => any) | undefined;
+}>, {
     color: string;
     theme: string;
     footer: boolean;
     time: string;
     dense: boolean;
-    miniState: boolean;
     menuOverlayHeader: boolean;
+    miniState: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/l-customizer.vue.d.ts

@@ -32,7 +32,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     menuWidth: {
         type: import("vue").PropType<number>;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:theme": (...args: any[]) => void;
+    "update:menuOverlayHeader": (...args: any[]) => void;
+    "update:dense": (...args: any[]) => void;
+    "update:color": (...args: any[]) => void;
+    "update:miniState": (...args: any[]) => void;
+    "update:footer": (...args: any[]) => void;
+    "update:menuWidth": (value: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     time: {
         type: StringConstructor;
         default: string;
@@ -64,12 +72,20 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     menuWidth: {
         type: import("vue").PropType<number>;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:theme"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:menuOverlayHeader"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:dense"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:color"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:miniState"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:footer"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:menuWidth"?: ((value: number) => any) | undefined;
+}>, {
     color: string;
     theme: string;
     footer: boolean;
     time: string;
     dense: boolean;
-    miniState: boolean;
     menuOverlayHeader: boolean;
+    miniState: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/l-file-manager-labels.d.vue.ts

@@ -1,6 +1,10 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };