@ramathibodi/nuxt-commons 0.1.46 → 0.1.47

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.46",
+  "version": "0.1.47",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/ExportCSV.vue

@@ -9,12 +9,14 @@ interface ExportButtonProps extends /* @vue-ignore */ InstanceType<typeof VBtn['
   sheetName?: string
   modelValue?: object[]
   stringFields?: Array<string>
+  tooltip?: string | Record<string,any> | undefined
 }
 
 const props = withDefaults(defineProps<ExportButtonProps>(), {
   fileName: 'download',
   sheetName: 'Sheet1',
   stringFields: ()=>[],
+  tooltip: ()=>({text: 'Export', location: 'bottom'}),
 })
 
 const alert = useAlert()
@@ -84,6 +86,7 @@ function flattenObject(obj: any, parentKey = '', separator = '.') {
       :disabled="loading"
       text="Export CSV"
       @click="exportFile"
+      v-tooltip="props.tooltip"
   >
     <template
         v-for="(_, name, index) in ($slots as {})"

package/dist/runtime/components/FileBtn.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import {ref, watch} from 'vue'
+import {ref} from 'vue'
 import {VBtn} from 'vuetify/components/VBtn'
 
 interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
@@ -7,11 +7,13 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
   multiple?: boolean
   iconOnly?: boolean
   modelValue?: File | File[] | undefined
+  tooltip?: string | Record<string,any> | undefined
 }
 
 const props = withDefaults(defineProps<Props>(), {
   multiple: false,
   accept: '*',
+  tooltip: 'Upload File',
 })
 
 const emit = defineEmits<{
@@ -41,6 +43,7 @@ defineExpose({ reset })
   <v-btn
     v-bind="$attrs"
     @click="openFileInput"
+    v-tooltip="tooltip"
   >
     <template
       v-for="(_, name, index) in ($slots as {})"

package/dist/runtime/components/ImportCSV.vue

@@ -6,10 +6,12 @@ import { VBtn } from 'vuetify/components/VBtn'
 
 interface ImportButtonProps extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
   stringFields?: Array<string>
+  tooltip?: string | Record<string,any> | undefined
 }
 
 const props = withDefaults(defineProps<ImportButtonProps>(), {
   stringFields: ()=>[],
+  tooltip: ()=>({text: 'Import', location: 'bottom'}),
 })
 
 const alert = useAlert()
@@ -120,6 +122,7 @@ const parseIfJson = (value: any) => {
       accept=".csv, .xlsx"
       :multiple="false"
       @update:model-value="uploadedFile"
+      :tooltip="props.tooltip"
   >
     <template
         v-for="(_, name, index) in ($slots as {})"

package/dist/runtime/composables/graphqlOperation.js

@@ -1,3 +1,4 @@
+import { cloneDeep } from "lodash-es";
 import { classAttributes, isClassConstructor } from "../utils/object.js";
 import { useGraphQl } from "./graphql.js";
 import { graphqlInputType, graphqlOperation, graphqlType, scalarType } from "#imports";
@@ -36,8 +37,9 @@ export function buildFields(operationFields, fields, depth = 0) {
 }
 export function buildVariables(outputVariables, inputVariables, reject, isRoot = true) {
   if (!outputVariables) return void 0;
+  let localOutputVariables = cloneDeep(outputVariables);
   if (inputVariables) {
-    outputVariables.map((variable) => {
+    localOutputVariables.map((variable) => {
       if (variable.type && !scalarType.includes(variable.type)) {
         if (variable.list) {
           if (inputVariables[variable.name] && Array.isArray(inputVariables[variable.name])) {
@@ -58,7 +60,7 @@ export function buildVariables(outputVariables, inputVariables, reject, isRoot =
       return variable;
     });
   }
-  outputVariables.forEach((variable) => {
+  localOutputVariables.forEach((variable) => {
     if (variable.required && variable.value === void 0) {
       console.warn("Required variable " + variable.name + " is not found, operation abort");
       if (reject) {
@@ -67,10 +69,10 @@ export function buildVariables(outputVariables, inputVariables, reject, isRoot =
       }
     }
   });
-  const usedVariables = outputVariables.map((variable) => variable.name);
+  const usedVariables = localOutputVariables.map((variable) => variable.name);
   const droppedVariable = Object.keys(inputVariables || {}).filter((key) => !usedVariables.includes(key));
   if (droppedVariable.length > 0) console.debug("There is data not appeared in schema and dropped before operation.", droppedVariable);
-  return outputVariables.reduce((acc, item) => {
+  return localOutputVariables.reduce((acc, item) => {
     acc[item.name] = isRoot ? item : item.value;
     return acc;
   }, {});

package/dist/runtime/composables/menu.js

@@ -20,7 +20,7 @@ export function routeToMenuItem(route) {
     };
     if (route.children) {
       const menuItems = new Array();
-      for (const children of route.children.sort((a, b) => (a.path?.toString() ?? "").localeCompare(b.path?.toString() ?? ""))) {
+      for (const children of route.children.sort((a, b) => (a.name?.toString() ?? "").localeCompare(b.name?.toString() ?? ""))) {
         const childMenuItem = routeToMenuItem(children);
         if (childMenuItem) menuItems.push(childMenuItem);
         menuItem.menuItems = menuItems;
@@ -31,7 +31,7 @@ export function routeToMenuItem(route) {
 }
 export function createMenu() {
   const menuAll = ref([]);
-  const routes = useRouter().getRoutes().sort((a, b) => (a.path?.toString() ?? "").localeCompare(b.path?.toString() ?? ""));
+  const routes = useRouter().getRoutes().sort((a, b) => (a.name?.toString() ?? "").localeCompare(b.name?.toString() ?? ""));
   for (const route of routes) {
     const paths = route.path.split("/");
     if (paths.length == 2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",