@hostlink/nuxt-light 1.4.1 → 1.5.2

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.4.1"
+  "version": "1.5.2"
 }

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

@@ -0,0 +1,119 @@
+<script setup>
+import { ref } from 'vue';
+import { m, q } from "#imports"
+const { listFileSystem } = await q({ listFileSystem: true });
+const items = ref(listFileSystem)
+const dialog = ref(false)
+const value = ref({})
+
+const onSubmit = async (data) => {
+    //save data
+    await m("addFileSystem", {
+        data: data
+    })
+
+    items.value.push(data)
+    dialog.value = false
+}
+
+const onRemove = async (row) => {
+    await m("deleteFileSystem", {
+        name: row.name
+    })
+    //reload data
+
+    const { listFileSystem } = await q({ listFileSystem: true });
+    items.value = listFileSystem
+
+}
+
+const columns = [
+    {
+        name: 'actions',
+        label: '',
+        align: 'center'
+    },
+    {
+        name: 'name',
+        required: true,
+        label: 'Name',
+        align: 'left',
+        field: row => row.name,
+        format: val => `${val}`,
+        sortable: true
+    },
+    {
+        name: 'type',
+        required: true,
+        label: 'Type',
+        align: 'left',
+        field: row => row.type,
+        format: val => `${val}`,
+        sortable: true
+    },
+    {
+        name: 'location',
+        required: true,
+        label: 'Location',
+        align: 'left',
+        field: row => row.location,
+        format: val => `${val}`,
+        sortable: true
+    }
+
+]
+</script>
+<template>
+    <l-page>
+
+        <q-dialog v-model="dialog" persistent full-width>
+            <q-card>
+                <q-bar :class="`bg-${$light.color} text-white`">
+                    <q-space></q-space>
+                    <q-btn dense flat icon="close" v-close-popup>
+                        <q-tooltip>Close</q-tooltip>
+                    </q-btn>
+                </q-bar>
+
+                <FormKit type="l-form" :value="value" @submit="onSubmit" #default="{ value }">
+                    <FormKit type="l-input" label="Name" name="name" validation="required"></FormKit>
+                    <FormKit type="l-select" label="Type" name="type" validation="required" :options="[
+                        { label: 'Local', value: 'local' },
+                        { label: 'S3', value: 'S3' }
+                    ]"></FormKit>
+
+                    <template v-if="value.type == 'local'">
+                        <FormKit type="l-input" label="Location" name="location" validation="required"></FormKit>
+                    </template>
+
+                    <template v-if="value.type == 'S3'">
+                        <FormKit type="l-input" label="Bucket" name="bucket" validation="required"></FormKit>
+                        <FormKit type="l-input" label="Access Key" name="accessKey" validation="required"></FormKit>
+                        <FormKit type="l-input" label="Secret Key" name="secretKey" validation="required"></FormKit>
+                        <FormKit type="l-input" label="Region" name="region" validation="required"></FormKit>
+                        <FormKit type="l-input" label="Endpoint" name="endpoint" validation="required"></FormKit>
+                        <FormKit type="l-input" label="Prefix" name="prefix"></FormKit>
+                        <FormKit type="l-select" label="Visibility" name="visibility" validation="required" :options="[
+                            { label: 'Public', value: 'public' },
+                            { label: 'Private', value: 'private' }
+                        ]"></FormKit>
+                    </template>
+
+                </FormKit>
+            </q-card>
+
+        </q-dialog>
+        <template #header>
+            <l-btn label="Add" icon="sym_o_add" @click="dialog = true"></l-btn>
+        </template>
+        <l-table :rows="items" :columns="columns">
+            <template #body-cell-actions="props">
+                <q-td auto-width>
+                    <q-btn icon="sym_o_delete" @click="onRemove(props.row)" round dense flat class="text-grey"></q-btn>
+                </q-td>
+
+            </template>
+
+        </l-table>
+    </l-page>
+</template>

package/dist/runtime/routes.mjs

@@ -65,6 +65,9 @@ function Permission_export() {
 function Role_add() {
   return import(/* webpackChunkName: "Role-add" */ './pages/Role/add.vue')
 }
+function System_fs() {
+  return import(/* webpackChunkName: "System-fs" */ './pages/System/fs.vue')
+}
 function System_mailtest() {
   return import(
     /* webpackChunkName: "System-mailtest" */ './pages/System/mailtest.vue'
@@ -278,6 +281,11 @@ export default [
     path: '/Role/add',
     component: Role_add,
   },
+  {
+    name: 'System-fs',
+    path: '/System/fs',
+    component: System_fs,
+  },
   {
     name: 'System-mailtest',
     path: '/System/mailtest',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.4.1",
+  "version": "1.5.2",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "json-to-graphql-query": "^2.2.5",
     "quasar": "^2.12.5",
     "vue-i18n": "^9.2.2",
-    "xlsx": "^0.18.5"
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.1/xlsx-0.20.1.tgz"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",