@hostlink/nuxt-light 0.0.11 → 0.0.13

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.11"
+  "version": "0.0.13"
 }

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

@@ -16,7 +16,7 @@ const to = props.to ?? relativePath + "/add";
 
 </script>
 <template>
-    <q-btn rounded outline color="primary" icon="sym_o_add" :to="to">{{ label }}
+    <q-btn rounded outline color="primary" icon="sym_o_add" :to="to" :label="label">
         <q-tooltip>
             {{ label }}
         </q-tooltip>

package/dist/runtime/components/l-date-picker.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, computed } from "vue";
+import { t } from "../light";
 const props = defineProps({
     modelValue: {
         type: [String, Object],

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

@@ -1,8 +1,9 @@
 <script setup>
 import { VariableType } from "json-to-graphql-query";
 import { useI18n } from "vue-i18n";
-import { ref } from 'vue';
+import { ref, watch, computed } from 'vue';
 import { useQuasar } from 'quasar';
+import { q } from "../light";
 
 const quasar = useQuasar();
 const emit = defineEmits(["input", "close"]);

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

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import { t } from "../light";
 
 const props = defineProps({
     modelValue: {

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

@@ -1,5 +1,6 @@
 <script setup>
 import { computed, ref } from "vue";
+import { t } from "../light"
 const props = defineProps({
 
     rules: {
@@ -28,10 +29,10 @@ const props = defineProps({
 
 if (props.required) {
     props.rules.push((val) => {
-        if(isNumber(val)){
+        if (isNumber(val)) {
             return;
         }
-        
+
         return !!val || 'Required.'
     });
 }

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

@@ -1 +1 @@
-export default function listData(name: string, props?: any, fields?: Array<string>): Promise<any>;
+export default function list(name: string, props?: any, fields?: Array<string>): Promise<any>;

package/dist/runtime/lib/list.mjs

@@ -1,6 +1,6 @@
 import q from "./q.mjs";
 import f from "./f.mjs";
-export default async function listData(name, props = {}, fields = []) {
+export default async function list(name, props = {}, fields = []) {
   let v = {};
   if (props.sort) {
     v.sort = props.sort;
@@ -25,11 +25,11 @@ export default async function listData(name, props = {}, fields = []) {
   let data = await q(`list${name}`, v, [f("data", offset_limit, fs), f("meta", ["total", "key", "name"])]);
   if (props.done) {
     props.done({
-      rows: data[`list${name}`].data,
-      total: data[`list${name}`].meta.total,
-      key: data[`list${name}`].meta.key,
-      name: data[`list${name}`].meta.name
+      rows: data.data,
+      total: data.meta.total,
+      key: data.meta.key,
+      name: data.meta.name
     });
   }
-  return data[`list${name}`][`data`];
+  return data.data;
 }

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

@@ -1 +1 @@
-export default function (operation: string, args: any, fields?: Array<any>): Promise<any>;
+export default function (operation: string | object, args: any, fields?: Array<any>): Promise<any>;

package/dist/runtime/lib/q.mjs

@@ -1,19 +1,42 @@
 import axios from "axios";
 import f from "./f.mjs";
+import { jsonToGraphQLQuery } from "json-to-graphql-query";
+const mapping = function(obj) {
+  let q = {};
+  Object.entries(obj).forEach(([key, value]) => {
+    if (value instanceof Array) {
+      q[key] = {};
+      value.forEach((subField) => {
+        q[key][subField] = true;
+      });
+    } else {
+      q[key] = mapping(value);
+    }
+  });
+  return q;
+};
 export default async function(operation, args, fields = []) {
-  if (arguments.length === 2) {
-    fields = args;
-    args = {};
-  }
-  let service = axios.create({
+  const service = axios.create({
     withCredentials: true
   });
-  const query = f(operation, args, fields);
+  let query;
+  if (operation instanceof Object) {
+    query = jsonToGraphQLQuery(mapping(operation));
+  } else {
+    if (arguments.length === 2) {
+      fields = args;
+      args = {};
+    }
+    query = f(operation, args, fields);
+  }
   const resp = (await service.post("/api/", {
     query: `{ ${query} }`
   })).data;
   if (resp.errors) {
     throw resp.errors[0].message;
   }
+  if (operation instanceof Object) {
+    return resp.data;
+  }
   return resp.data[operation];
 }

package/dist/runtime/pages/EventLog/_eventlog_id/view.vue

@@ -1,7 +1,6 @@
 <script setup>
+import { getObject } from "../../light"
 const obj = await getObject(["eventlog_id", "class", "id", "action", "created_time", "username"]);
-
-
 </script>
 <template>
     <l-page>

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

@@ -1,4 +1,6 @@
 <script setup>
+import { listData } from "../../light"
+
 const onRequest = async (params) => {
     listData("EventLog", params, ["canRead"]);
 };
@@ -50,7 +52,7 @@ const columns = [
 <template>
     <l-page>
         <l-table @request="onRequest" :columns="columns" sort-by="eventlog_id:desc" :show-actions="['view']">
-           
+
         </l-table>
     </l-page>
 </template>

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

@@ -1,4 +1,5 @@
 <script setup>
+import { listData } from "../../light"
 const onRequest = async (params) => {
     listData("MailLog", params, ["body"]);
 };

package/dist/runtime/pages/Permission/add.vue

@@ -1,4 +1,7 @@
 <script setup>
+import { reactive } from 'vue'
+import { q } from "../../light"
+import { useRouter } from "vue-router"
 const obj = reactive({
     roles: []
 });

package/dist/runtime/pages/Permission/all.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { reactive } from 'vue'
+import { q, m } from "../../light"
 const app = await q("app", ["permissions"])
 
 const roles = await q("listRole", ["name", "permissions"])

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

@@ -1,4 +1,5 @@
 <script setup>
+import { listData } from "../../light";
 const onRequest = async (params) => {
     listData("Permission", params, ["permission_id"]);
 };

package/dist/runtime/pages/Role/add.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { reactive } from 'vue'
+import { q } from "../../light"
 const obj = reactive({
     childs: ["Users"],
 })

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

@@ -1,4 +1,7 @@
 <script setup>
+import { useQuasar } from 'quasar'
+import { q, m } from "../../light"
+import { ref } from "vue"
 
 const qua = useQuasar();
 

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

@@ -1,15 +1,16 @@
 <script setup>
-const { database } = await q("system", [f("database", ["table"])])
+import { q } from "../../../light"
+const { system: { database } } = await q({ system: { database: ["table"] } })
 </script>
 <template>
     <l-page>
         <q-card flat bordered>
-            <q-list bordered class="rounded-borders"  separator >
+            <q-list bordered class="rounded-borders" separator>
                 <q-expansion-item :label="table.name" v-for="table in database.table" expand-separator>
                     <div class=" q-ma-sm">
                         <q-table :rows="table.columns" :rows-per-page-options="[0]" hide-pagination flat bordered></q-table>
                     </div>
-                    
+
                 </q-expansion-item>
             </q-list>
         </q-card>

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

@@ -1,4 +1,5 @@
 <script setup>
+import { q } from "../../light"
 const system = await q("system", ["server"])
 </script>
 <template>

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

@@ -1,4 +1,6 @@
 <script setup>
+import { reactive } from 'vue'
+import { m } from "../../light"
 const obj = reactive({})
 
 const onSave = async () => {

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

@@ -1,5 +1,6 @@
 <script setup>
-const system = await q("system", ["package"])
+import { q } from "../../light"
+const { system } = await q({ system: ["package"] })
 </script>
 <template>
     <l-page>

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

@@ -1,8 +1,9 @@
 <script setup>
-const app = await q("system", ["phpInfo"])
+import { q } from "../../light"
+const { system } = await q({ system: ["phpInfo"] })
 </script>
 <template>
     <l-page>
-        <iframe :srcdoc="app.phpInfo" style="height: 700px;" class="full-width no-border"></iframe>
+        <iframe :srcdoc="system.phpInfo" style="height: 700px;" class="full-width no-border"></iframe>
     </l-page>
 </template>

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

@@ -1,8 +1,13 @@
 <script setup>
+import { useQuasar } from 'quasar'
+import { useRouter } from 'vue-router'
+import { reactive } from "vue"
+import { q, m } from "../../light"
+
 const router = useRouter()
 const que = useQuasar()
 
-const app = await q("app", [f("config", ["name", "value"])])
+const { app } = await q({ app: { config: ["name", "value"] } })
 
 //const system = await q("system", ["passwordPolicy"])
 
@@ -49,6 +54,7 @@ const onSave = async () => {
 <template>
     <l-page>
 
+        {{ test }}
         <l-form @save="onSave">
             <l-input label="Company" v-model="obj.company"></l-input>
             <l-input label="Company logo" v-model="obj.company_logo"></l-input>
@@ -63,6 +69,6 @@ const onSave = async () => {
                     false-value="0"></q-checkbox>
             </q-field>
 
-                 </l-form>
+        </l-form>
     </l-page>
 </template>

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

@@ -1,4 +1,7 @@
 <script setup>
+import { list } from "../../light"
+import { useRouter } from "vue-router"
+
 let users = await list("User", {
     fields: [
         "user_id", "username", "name", "roles"
@@ -41,10 +44,12 @@ const onCickView = async (id) => {
 </script>
 <template>
     <l-page>
+
         <q-table flat :columns="columns" :rows="users">
             <template #body-cell-view="props">
                 <q-td :props="props">
-                    <q-btn rounded outline color="primary" @click="onCickView(props.row.user_id)">view</q-btn>
+                    <q-btn rounded outline color="primary" @click="onCickView(props.row.user_id)" label="view"
+                        icon="sym_o_search"></q-btn>
                 </q-td>
 
             </template>

package/dist/runtime/pages/User/_user_id/change-password.vue

@@ -1,4 +1,7 @@
 <script setup>
+import { q } from "../../../light"
+import { useRouter, useRoute } from "vue-router"
+import { reactive } from "vue"
 const system = await q("system", ["passwordPolicy"]);
 const rules = system.passwordPolicy.map((rule) => {
     let s = rule.split(":");

package/dist/runtime/pages/User/_user_id/edit.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { reacttive } from 'vue'
 const obj = reactive(await getObject(["first_name", "last_name", "email", "phone",
     "addr1", "addr2", "addr3", "join_date", "expiry_date", "status", "language", "default_page"
 ]))

package/dist/runtime/pages/User/_user_id/view.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { getObject } from "../../../light";
 const obj = await getObject(["username", "first_name", "last_name", "email", "phone"]);
 
 </script>
@@ -6,7 +7,7 @@ const obj = await getObject(["username", "first_name", "last_name", "email", "ph
 <template>
     <l-page>
         <template #header>
-            <l-btn to="change-password" icon="sym_o_key" permission="user.changePassword">Change password</l-btn>
+            <l-btn to="change-password" icon="sym_o_key" permission="user.changePassword" label="Change password"></l-btn>
         </template>
         <l-card>
             <l-list>

package/dist/runtime/pages/User/add.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { reactive } from "vue"
+import { q } from "../../light"
 const obj = reactive({
     roles: ['Users'],
     status: 'Active',

package/dist/runtime/pages/User/profile.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { q } from "../../light"
 const my = await q("my", ["username", "first_name", "last_name", "email", "phone", "roles", "addr1", "addr2", "addr3", "join_date"])
 
 </script>

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

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

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

@@ -1,4 +1,5 @@
 <script setup>
+import { listData } from "../../light";
 const onRequest = async (params) => {
     listData("UserLog", params);
 };

package/dist/runtime/pages/logout.vue

@@ -1,9 +1,6 @@
 <script setup>
-
-await mutation({
-    operation: "logout"
-});
-
+import { m } from "../light";
+await m("logout");
 window.self.location = "/";
 
 </script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.11",
-  "description": "My new Nuxt module",
+  "version": "0.0.13",
+  "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
   "type": "module",