@hostlink/nuxt-light 0.0.23 → 0.0.25

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.23"
+  "version": "0.0.25"
 }

package/dist/runtime/components/l-app-main.vue

@@ -11,12 +11,12 @@ const props = defineProps({
     }
 });
 
-let app = await q("app", ["menus", "viewAsMode"]);
-let my = await q("my", ["styles"]);
+let app = await q("app", ["menus", "viewAsMode", "languages"]);
+let my = await q("my", ["styles", "language"]);
 const menus = ref(app.menus)
 
 const i18n = useI18n();
-i18n.locale = 'zh-hk';
+i18n.locale = my.language || 'en';
 
 const user = ref(await getCurrentUser());
 
@@ -79,20 +79,11 @@ const menuDark = computed(() => {
     return false
 })
 
-const languages = [
-    {
-        name: 'English',
-        value: 'en'
-    },
-    {
-        name: '中文',
-        value: 'zh-hk'
-    }
-]
+const languages = app.languages;
 
-const onChangeLocale = (locale) => {
+const onChangeLocale = async (locale) => {
 
-    localStorage.setItem('locale', locale);
+    await m("updateMyLanguage", { name: locale })
     window.location.reload();
 }
 
@@ -142,7 +133,7 @@ const exitViewAs = async () => {
 
                 <q-space />
 
-                <q-btn v-if="languages.length > 1" round flat icon="language">
+                <q-btn v-if="languages.length > 1" rounded flat icon="language" :label="my.language">
                     <q-menu>
                         <q-list>
                             <q-item v-for="language in languages" :key="language.value" v-close-popup clickable

package/dist/runtime/components/l-btn.vue

@@ -1,7 +1,12 @@
 <script setup>
 import { ref } from "vue";
 import { q, f } from '../';
-const props = defineProps(["permission"]);
+import { useI18n } from "vue-i18n"
+const i18n = useI18n()
+
+const props = defineProps(["permission", "label"]);
+
+const label = i18n.t(props.label);
 
 const granted = ref(false);
 if (props.permission) {
@@ -14,9 +19,11 @@ if (props.permission) {
     granted.value = true;
 }
 
+
+
 </script>
 <template>
-    <q-btn rounded outline color="primary" v-if="granted">
+    <q-btn rounded outline color="primary" v-if="granted" :label="label">
 
         <slot></slot>
     </q-btn>

package/dist/runtime/components/l-file-manager.vue

@@ -5,6 +5,7 @@ import { ref, watch, computed } from 'vue';
 import { useQuasar } from 'quasar';
 import { q } from '../';
 
+const i18n = useI18n();
 const quasar = useQuasar();
 const emit = defineEmits(["input", "close"]);
 
@@ -27,7 +28,6 @@ defineProps({
 const loading = ref(false);
 const folderTree = ref(null);
 
-let i18n = useI18n();
 const pagination = {
   rowsPerPage: 0,
   "rows-per-page-options": [0],
@@ -410,7 +410,7 @@ const reloadStorage = async () => {
         <q-btn flat round @click="toggleLeftDrawer" aria-label="Menu" icon="menu" class="q-mr-sm" />
 
         <q-toolbar-title v-if="$q.screen.gt.xs" shrink class="row items-center no-wrap">
-          <span class="q-ml-sm">{{ $t('File manager') }}</span>
+          <span class="q-ml-sm">{{ $t('File Manager') }}</span>
         </q-toolbar-title>
 
         <div>

package/dist/runtime/components/l-form.vue

@@ -33,6 +33,7 @@ const save = async () => {
 
     if (props.modelValue) {
         const [module, id_name] = route.name.split("-");
+        
 
         if (route.params[id_name]) {//edit
 

package/dist/runtime/components/l-menu.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { useI18n } from 'vue-i18n';
+const i18n = useI18n();
 
 defineProps(["value", "dense"])
 
@@ -19,7 +21,7 @@ defineProps(["value", "dense"])
 </style>
 
 <template>
-    <q-expansion-item v-if="value.children?.length > 0" :label="value.label" :icon="value.icon" :dense="dense">
+    <q-expansion-item v-if="value.children?.length > 0" :label="i18n.t(value.label)" :icon="value.icon" :dense="dense">
         <q-list class="q-pl-md">
             <l-menu :value="menu" v-for="menu in value.children" :dense="dense"></l-menu>
         </q-list>
@@ -30,7 +32,7 @@ defineProps(["value", "dense"])
                 <q-icon :name="value.icon" />
             </q-item-section>
             <q-item-section>
-                <q-item-label v-text="value.label"></q-item-label>
+                <q-item-label v-text="i18n.t(value.label)"></q-item-label>
             </q-item-section>
         </q-item>
     </q-list>

package/dist/runtime/components/l-page.vue

@@ -1,6 +1,9 @@
 <script setup>
 import { useRouter, useRoute } from "vue-router"
 import { removeObject, getID } from '../'
+import { useI18n } from 'vue-i18n';
+
+const i18n = useI18n();
 const router = useRouter();
 const route = useRoute();
 
@@ -68,7 +71,11 @@ if (props.addBtn) {
     showAddBtn = true
 }
 
-const title = props.title || route.path.split("/")[1];
+//const title = props.title || route.path.split("/")[1];
+
+//title split by Capital letter
+const title = props.title || route.path.split("/")[1].split(/(?=[A-Z])/).join(" ");
+
 
 
 const module = route.path.split("/")[1];
@@ -89,7 +96,7 @@ const onDelete = async () => {
             <l-delete-btn v-if="showDeleteBtn" @submit="onDelete" />
 
             <slot name="header"></slot>
-            <q-toolbar-title>{{ title }}</q-toolbar-title>
+            <q-toolbar-title>{{ i18n.t(title) }}</q-toolbar-title>
         </q-toolbar>
 
         <slot></slot>

package/dist/runtime/lib/addObject.mjs

@@ -1,8 +1,19 @@
 import { Dialog } from "quasar";
 import m from "./m.mjs";
+import { VariableType } from "json-to-graphql-query";
 export default async (name, data) => {
   try {
-    return await m(`add${name}`, { data });
+    const variables = {};
+    Object.entries(data).forEach(([key, value]) => {
+      if (value instanceof File) {
+        variables[key] = {
+          type: "Upload!",
+          value
+        };
+        data[key] = new VariableType(key);
+      }
+    });
+    return await m(`add${name}`, { data }, [{ __variables: variables }]);
   } catch (e) {
     Dialog.create({
       title: "Error",

package/dist/runtime/lib/m.d.ts

@@ -1 +1 @@
-export default function (operation: string, args: any, fields?: never[]): Promise<any>;
+export default function (operation: string, args: any, fields?: any): Promise<any>;

package/dist/runtime/lib/m.mjs

@@ -40,7 +40,7 @@ export default async function(operation, args, fields = []) {
     }));
     fd.append("map", JSON.stringify(map));
     for (let i = 0; i < map_values.length; i++) {
-      fd.append(i, map_values[i]);
+      fd.append(i.toString(), map_values[i]);
     }
     data = (await service.post("/api/", fd)).data;
   } else {

package/dist/runtime/lib/updateObject.mjs

@@ -1,8 +1,19 @@
+import { VariableType } from "json-to-graphql-query";
 import m from "./m.mjs";
 import { Dialog } from "quasar";
 export default async (name, id, data) => {
   try {
-    return await m(`update${name}`, { id, data });
+    const variables = {};
+    Object.entries(data).forEach(([key, value]) => {
+      if (value instanceof File) {
+        variables[key] = {
+          type: "Upload!",
+          value
+        };
+        data[key] = new VariableType(key);
+      }
+    });
+    return await m(`update${name}`, { id, data }, [{ __variables: variables }]);
   } catch (e) {
     Dialog.create({
       title: "Error",

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

@@ -136,5 +136,14 @@
     "Restore": "還原",
     "restore": "還原",
     "Content": "內容",
-    "Download": "下載"
+    "Download": "下載",
+    "File Manager": "文件管理器",
+    "User log": "使用者紀錄",
+    "Event log": "事件紀錄",
+    "Mail log": "郵件紀錄",
+    "PHPInfo": "PHP資訊",
+    "Menu": "選單",
+    "New": "新增",
+    "Server": "伺服器",
+    "Remove": "移除"
 }

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

@@ -156,18 +156,22 @@ const onMoveToRoot = () => {
 }
 
 const getParentNode = (node) => {
-    if (!node.parent) return menus.value;
+    if (!node.parent) return {
+        children: menus.value
+    };
     return tree1.value.getNodeByKey(node.parent);
 }
 
 const onMoveUp = (node) => {
     const parent = getParentNode(node);
+
     const index = parent.children.findIndex((item) => item.uuid === node.uuid);
     if (index > 0) {
         const temp = parent.children[index - 1];
         parent.children[index - 1] = node;
         parent.children[index] = temp;
     }
+
 }
 
 const onMoveDown = (node) => {
@@ -216,10 +220,10 @@ const onAddChildMenu = (node, type) => {
             <q-splitter v-model="splitterModel" style="height:680px">
                 <template #before>
                     <q-card-section>
-                        <q-btn outline rounded color="primary" @click="onAdd" label="Add" icon="sym_o_add" />
-                        <q-btn outline rounded color="primary" @click="onReload" label="Reload" icon="sym_o_refresh" />
+                        <l-btn @click="onAdd" label="Add" icon="sym_o_add" />
+                        <l-btn @click="onReload" label="Reload" icon="sym_o_refresh" />
 
-                        <q-btn outline rounded color="primary" @click="onSave" label="Save" icon="sym_o_save" />
+                        <l-btn @click="onSave" label="Save" icon="sym_o_save" />
                     </q-card-section>
 
                     <q-tree :nodes="menus" selected-color="primary" default-expand-all v-model:selected="selected"
@@ -229,18 +233,18 @@ const onAddChildMenu = (node, type) => {
                 <template #after v-if="selected">
 
                     <q-card-section>
-                        <q-btn outline rounded color="primary" @click="onRemove(selectedNode)" label="Remove"
+                        <l-btn outline rounded color="primary" @click="onRemove(selectedNode)" label="Remove"
                             icon="sym_o_remove" />
-                        <q-btn outline rounded color="primary" @click="onAddChild(selectedNode)" label="Add Child"
+                        <l-btn outline rounded color="primary" @click="onAddChild(selectedNode)" label="Add Child"
                             icon="sym_o_add" />
 
-                        <q-btn outline rounded color="primary" @click="onMove(selectedNode)" label="Move"
+                        <l-btn outline rounded color="primary" @click="onMove(selectedNode)" label="Move"
                             icon="sym_o_move" />
 
-                        <q-btn outline rounded color="primary" @click="onMoveUp(selectedNode)" label="Up"
+                        <l-btn outline rounded color="primary" @click="onMoveUp(selectedNode)" label="Up"
                             icon="sym_o_arrow_upward" />
 
-                        <q-btn outline rounded color="primary" @click="onMoveDown(selectedNode)" label="Down"
+                        <l-btn outline rounded color="primary" @click="onMoveDown(selectedNode)" label="Down"
                             icon="sym_o_arrow_downward" />
 
 

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

@@ -0,0 +1,23 @@
+<script setup>
+import { reactive } from 'vue'
+import { m } from "../../"
+const obj = reactive({
+    input1: 'test'
+})
+const onSave = async () => {
+    console.log(obj)
+
+    await m("testSystem", {
+        data: obj
+    })
+
+}
+</script>
+<template>
+    <l-page>
+        <l-form v-model="obj">
+            <l-input v-model="obj.input1" label="Input1" />
+            <q-file v-model="obj.file" label="File" accept=".txt" />
+        </l-form>
+    </l-page>
+</template>

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

@@ -0,0 +1,31 @@
+<script setup>
+import { ref, computed, inject, reactive } from 'vue';
+import { m, q } from '../../'
+const app = await q("app", ["languages"])
+
+const splitterModel = ref(38)
+
+const obj = reactive({
+    name: ""
+})
+</script>
+<template>
+    <l-page>
+        <l-card>
+            <q-splitter v-model="splitterModel" style="height:680px">
+                <template #before>
+                    <q-card-section>
+                        comming soon
+                    </q-card-section>
+                </template>
+                <template #after>
+                    <l-form :bordered="false">
+                        <l-input label="Name" required v-model="obj.name"></l-input>
+                        <l-input v-for="language in app.languages" :label="language.name"
+                            v-model="obj[language.value]"></l-input>
+                    </l-form>
+                </template>
+            </q-splitter>
+        </l-card>
+    </l-page>
+</template>

package/dist/runtime/pages/User/update-password.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { useQuasar } from 'quasar';
-import { useRouter } from 'vue-router';
-import { router } from "vue-router"
+//import { useRouter, router } from 'vue-router';
+
 
 const obj = reactive({
     old_password: "",

package/dist/runtime/pages/index.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { q } from '../'
-const my = await q("my", ["name", "email"]); 
+const my = await q("my", ["name", "first_name", "last_name", "email"]); 
 </script>
 <template>
     <q-page padding>

package/dist/runtime/routes.mjs

@@ -32,6 +32,11 @@ function System_index() {
     /* webpackChunkName: "System-index" */ './pages/System/index.vue'
   )
 }
+function Translate_index() {
+  return import(
+    /* webpackChunkName: "Translate-index" */ './pages/Translate/index.vue'
+  )
+}
 function User_index() {
   return import(/* webpackChunkName: "User-index" */ './pages/User/index.vue')
 }
@@ -73,6 +78,9 @@ function System_setting() {
     /* webpackChunkName: "System-setting" */ './pages/System/setting.vue'
   )
 }
+function System_test() {
+  return import(/* webpackChunkName: "System-test" */ './pages/System/test.vue')
+}
 function System_view_as() {
   return import(
     /* webpackChunkName: "System-view_as" */ './pages/System/view_as.vue'
@@ -203,6 +211,11 @@ export default [
     path: '/System',
     component: System_index,
   },
+  {
+    name: 'Translate',
+    path: '/Translate',
+    component: Translate_index,
+  },
   {
     name: 'User',
     path: '/User',
@@ -248,6 +261,11 @@ export default [
     path: '/System/setting',
     component: System_setting,
   },
+  {
+    name: 'System-test',
+    path: '/System/test',
+    component: System_test,
+  },
   {
     name: 'System-view_as',
     path: '/System/view_as',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -30,6 +30,7 @@
     "route-gen": "node route-generate.mjs"
   },
   "dependencies": {
+    "@formkit/inputs": "^1.1.0",
     "@nuxt/kit": "^3.7.0",
     "@quasar/extras": "^1.16.6",
     "axios": "^1.5.0",