@hostlink/nuxt-light 1.61.0 → 1.62.0

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

@@ -0,0 +1 @@
+export declare const showUploadFilesDialog: (selectedLocation: string, initialFiles?: File[]) => import("quasar").DialogChainObject;

package/dist/runtime/composables/showUploadFilesDialog.js

@@ -0,0 +1,11 @@
+import { defineAsyncComponent } from "vue";
+import { Dialog } from "quasar";
+export const showUploadFilesDialog = (selectedLocation, initialFiles) => {
+  return Dialog.create({
+    component: defineAsyncComponent(() => import("../components/l-dialog-upload-files.vue")),
+    componentProps: {
+      selectedLocation,
+      ...initialFiles && { initialFiles }
+    }
+  });
+};

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

@@ -6,12 +6,15 @@ const $q = useQuasar();
 const { data: app, refresh } = await useAsyncData(async () => {
   return await q({
     app: {
-      driveTypes: true,
-      listFileSystem: true
+      fs: {
+        list: true,
+        types: true
+      },
+      driveTypes: true
     }
   }).then((res) => res.app);
 });
-const items = computed(() => app.value.listFileSystem);
+const items = computed(() => app.value.fs.list);
 const dialog = ref(false);
 const value = ref({});
 const onSubmit = async (data) => {
@@ -89,11 +92,14 @@ const columns = [
 ];
 const selected = ref([]);
 const loading = ref(false);
+const getType = (type) => {
+  if (!type) return null;
+  return app.value.fs.types.find((t) => t.name == type);
+};
 </script>
 
 <template>
     <l-page title="File system">
-
         <q-dialog v-model="dialog" persistent>
             <q-card style="width: 500px;">
 
@@ -106,53 +112,17 @@ const loading = ref(false);
 
                 <form-kit type="l-form" :value="value" @submit="onSubmit" #default="{ value }">
                     <form-kit type="l-input" label="Name" name="name" validation="required"></form-kit>
-                    <form-kit type="l-select" label="Type" name="type" validation="required" :options="[
-                        { label: 'Local', value: 'local', disable: !app.driveTypes.includes('local') },
-                        { label: 'S3', value: 's3', disable: !app.driveTypes.includes('s3') },
-                        { label: 'HostLink storage', value: 'hostlink', disable: !app.driveTypes.includes('hostlink') },
-                        { label: 'Aliyun OSS', value: 'aliyun-oss', disable: !app.driveTypes.includes('aliyun-oss') },
-                    ]"></form-kit>
-
-                    <form-kit type="group" name="data">
-                        <form-kit type="l-input" label="Url" name="url"
-                            hint="URL is used to generate the full URL of the file."
-                            placeholder="https://example.com/api/"></form-kit>
+                    <form-kit type="l-select" label="Type" name="type" validation="required" :options="app.fs.types"
+                        option-value="name"></form-kit>
 
-                        <template v-if="value.type == 'local'">
-                            <form-kit type="l-input" label="Location" name="location" validation="required"
-                                hint="Location is the path to the directory where the files are stored."></form-kit>
-                        </template>
-
-                        <template v-if="value.type == 's3'">
-                            <form-kit type="l-input" label="Bucket" name="bucket" validation="required"></form-kit>
-                            <form-kit type="l-input" label="Access Key" name="accessKey"
-                                validation="required"></form-kit>
-                            <form-kit type="l-input" label="Secret Key" name="secretKey"
-                                validation="required"></form-kit>
-                            <form-kit type="l-input" label="Region" name="region" validation="required"></form-kit>
-                            <form-kit type="l-input" label="Endpoint" name="endpoint" validation="required"></form-kit>
-                            <form-kit type="l-input" label="Prefix" name="prefix"></form-kit>
-                            <form-kit type="l-select" label="Visibility" name="visibility" validation="required"
-                                :options="[
-                                    { label: 'Public', value: 'public' },
-                                    { label: 'Private', value: 'private' }
-                                ]"></form-kit>
-                        </template>
+                    <form-kit type="group" name="data" v-if="value.type">
+                        <template v-for="(option, name) in getType(value.type).options">
+                            <form-kit type="l-input" :name="name" :label="name"
+                                :validation="option.required ? 'required' : ''" :help="option.description"
+                                :placeholder="option.placeholder"></form-kit>
 
-                        <template v-if="value.type == 'hostlink'">
-                            <form-kit type="l-input" label="Endpoint" name="endpoint" validation="required"></form-kit>
-                            <form-kit type="l-input" label="Token" name="token" validation="required"></form-kit>
                         </template>
 
-                        <template v-if="value.type == 'aliyun-oss'">
-                            <form-kit type="l-input" label="Access Key" name="access_key_id" validation="required">
-                            </form-kit>
-                            <form-kit type="l-input" label="Secret Key" name="access_key_secret" validation="required">
-                            </form-kit>
-                            <form-kit type="l-input" label="Endpoint" name="endpoint" validation="required"></form-kit>
-                            <form-kit type="l-input" label="Bucket" name="bucket" validation="required"></form-kit>
-                            <form-kit type="l-input" label="Prefix" name="prefix"></form-kit>
-                        </template>
                     </form-kit>
 
                 </form-kit>
@@ -164,9 +134,7 @@ const loading = ref(false);
             v-model:selected="selected" row-key="uuid" :loading="loading">
             <template #top-left>
                 <q-btn icon="sym_o_add" @click="value = {
-                    data: {
-                        url: '',
-                    }
+                    data: {}
                 }; dialog = true" flat round dense>
                     <q-tooltip>Add File System</q-tooltip>
                 </q-btn>
@@ -180,7 +148,14 @@ const loading = ref(false);
 
             <template #body-cell-data="props">
                 <q-td>
-                    <pre>{{ props.row.data }}</pre>
+                    <q-list flat dense>
+                        <q-item v-for="(value, key) in props.row.data" :key="key">
+                            <q-item-section>
+                                <q-item-label caption>{{ key }}</q-item-label>
+                                <q-item-label>{{ value }}</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                    </q-list>
                 </q-td>
             </template>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.61.0",
+  "version": "1.62.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
   "dependencies": {
     "@azure/msal-browser": "^4.26.2",
     "@formkit/drag-and-drop": "^0.5.3",
-    "@hostlink/light": "^3.1.0",
+    "@hostlink/light": "^3.2.7",
     "@nuxt/module-builder": "^1.0.1",
     "@quasar/extras": "^1.17.0",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",