@ramathibodi/nuxt-commons 0.1.15 → 0.1.17

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.15"
+  "version": "0.1.17"
 }

package/dist/runtime/components/document/TemplateBuilder.vue

@@ -16,7 +16,11 @@ const templateItems = ref<Record<string, any>>([])
 const headers = ref([
   { title: '',
     key: 'operation',
-    width: '100px',
+    width: '120px',
+  },
+  {
+    title: 'Rec No.',
+    key: 'recNo',
   },
   {
     title: 'Input Type',
@@ -99,6 +103,9 @@ const ruleOptions = (inputType: string) => (value: any) => {
         Convert To Advance
       </VBtn>
     </template>
+    <template #item.recNo="{internalItem}">
+      {{ internalItem.index }}
+    </template>
     <template #form="{ data, rules }">
       <v-container fluid>
         <v-row dense>

package/dist/runtime/components/form/Table.vue

@@ -105,7 +105,7 @@ function moveUpItem(currentItem: Record<string, any>, callback?: FormDialogCallb
 function moveDownItem(currentItem: Record<string, any>, callback?: FormDialogCallback) {
   const index = items.value.findIndex(item => item[props.modelKey] === currentItem[props.modelKey])
 
-  if (index < items.value.length - 1) {
+  if (index >= 0 && index < items.value.length - 1) {
     const temp = items.value[index + 1]
     items.value[index + 1] = items.value[index]
     items.value[index] = temp
@@ -114,6 +114,26 @@ function moveDownItem(currentItem: Record<string, any>, callback?: FormDialogCal
   if (callback) callback.done()
 }
 
+function moveToItem(currentItem: Record<string, any>, callback?: FormDialogCallback) {
+  const index = items.value.findIndex(item => item[props.modelKey] === currentItem[props.modelKey]);
+
+  if (index !== -1) {
+    const newPosition = prompt("Enter the new position (0-based index):");
+    const parsedPosition = parseInt(<string>newPosition, 10);
+
+    if (isNaN(parsedPosition) || parsedPosition < 0 || parsedPosition >= items.value.length) {
+      alert("Invalid position entered. Please enter a number between 0 and " + (items.value.length - 1));
+      return
+    }
+
+    const [temp] = items.value.splice(index, 1);
+
+    items.value.splice(parsedPosition, 0, temp);
+  }
+
+  if (callback) callback.done();
+}
+
 function deleteItem(deleteItem: Record<string, any>, callback?: FormDialogCallback) {
   const index = items.value.findIndex(item => item[props.modelKey] === deleteItem[props.modelKey])
 
@@ -131,7 +151,7 @@ function openDialog(item?: object) {
   })
 }
 
-const operation = ref({ openDialog, createItem, updateItem, deleteItem, moveUpItem, moveDownItem })
+const operation = ref({ openDialog, createItem, updateItem, deleteItem, moveUpItem, moveDownItem,moveToItem })
 </script>
 
 <template>
@@ -173,6 +193,7 @@ const operation = ref({ openDialog, createItem, updateItem, deleteItem, moveUpIt
           icon="mdi mdi-file-upload"
           variant="flat"
           @import="importItems"
+          :color="toolbarColor"
         />
         <ExportCSV
           v-if="props.exportable && items.length"
@@ -180,6 +201,7 @@ const operation = ref({ openDialog, createItem, updateItem, deleteItem, moveUpIt
           variant="flat"
           :file-name="title"
           :model-value="items"
+          :color="toolbarColor"
         />
         <VBtn
           :color="toolbarColor"
@@ -220,6 +242,12 @@ const operation = ref({ openDialog, createItem, updateItem, deleteItem, moveUpIt
           icon="mdi mdi-arrow-up-thick"
           @click="moveUpItem(props.item)"
         />
+        <v-btn
+            variant="flat"
+            density="compact"
+            icon="fa fa-arrow-right-to-bracket"
+            @click="moveToItem(props.item)"
+        />
         <v-btn
           :disabled="props.index==items.length-1"
           variant="flat"

package/dist/runtime/components/label/Field.vue

@@ -1,18 +1,24 @@
 <script lang="ts" setup>
+import {computed} from 'vue'
 interface Props {
   label: string
   value?: string  | null | undefined
   horizontal?: boolean
+  size? : 'large' | 'medium'
 }
 
 const props = withDefaults(defineProps<Props>(), {
   label: '', value: '',
 })
+const cal_size = computed(()=>{
+  if(props.size=='medium') return 'text-subtitle-1'
+  else return 'text-h6'
+})
 </script>
 
 <template>
   <div v-if="horizontal" class="d-flex align-end" :="$attrs">
-    <div class="text-medium-emphasis">
+    <div class="text-medium-emphasis text-no-wrap">
       <slot name="label">
         {{ label }}:
       </slot>
@@ -23,13 +29,13 @@ const props = withDefaults(defineProps<Props>(), {
       </slot>
     </div>
   </div>
-  <v-card v-else variant="flat" :="$attrs">
+  <v-card v-else variant="text" :="$attrs">
   <VCardSubtitle class="ma-0 pa-0 text-black">
     <slot name="label">
       {{ label }}
     </slot>
   </VCardSubtitle>
-  <VCardText class="text-h6 pa-0 mb-2">
+  <VCardText :class="`pa-0 mb-2 ${cal_size}`">
     <slot name="value">
       {{ value }}
     </slot>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",
@@ -116,5 +116,5 @@
     "vitest": "^1.5.1",
     "vue-tsc": "^1.8.27"
   },
-  "packageManager": "pnpm@9.6.0+sha512.38dc6fba8dba35b39340b9700112c2fe1e12f10b17134715a4aa98ccf7bb035e76fd981cf0bb384dfa98f8d6af5481c2bef2f4266a24bfa20c34eb7147ce0b5e"
+  "packageManager": "pnpm@9.7.1+sha512.faf344af2d6ca65c4c5c8c2224ea77a81a5e8859cbc4e06b1511ddce2f0151512431dd19e6aff31f2c6a8f5f2aced9bd2273e1fed7dd4de1868984059d2c4247"
 }

package/templates/.codegen/plugin-schema-object.js

@@ -105,20 +105,27 @@ module.exports = {
         
         export const scalarType = ${JSON.stringify(scalarType)}
         
-        function operationCall${'<' + 'T,U>'}(operationType:string, operation: string,fields?: ${'Array' + '<string | Object>'},variables?: U) {
-            return useGraphQlOperation${'<' + 'T>'}(operationType,operation,fields,variables as {[p: string] : any} | undefined)
+        function operationCall${'<' + 'T,U>'}(operationType:string, operation: string,fields?: ${'Array' + '<string | Object>'},variables?: U,cache: boolean = false) {
+            return useGraphQlOperation${'<' + 'T>'}(operationType,operation,fields,variables as {[p: string] : any} | undefined,cache)
         }
         
         function createGraphQLOperation${'<' + 'T,U>'}(operationType: "Query" | "Mutation",name: string,variables?: graphqlVariable[],fields?: graphqlTypeObject): graphqlOperationObject${'<' + 'T,U>'} {
-            return {
+            let returnGraphqlOperation = {
                 operationType,
                 name,
                 variables,
                 fields,
-                call: async function(fields?: ${'Array' + '<string | Object>'}, variables?: U): Promise${'<' + 'T>'} {
-                    return operationCall(operationType,name, fields, variables);
-                }
             }
+            if (operationType === "Mutation") {
+              returnGraphqlOperation['call'] = async function(fields?: ${'Array' + '<string | Object>'}, variables?: U): Promise${'<' + 'T>'} {
+                  return operationCall(operationType,name, fields, variables);
+              }
+            } else {
+              returnGraphqlOperation['call'] = async function(fields?: ${'Array' + '<string | Object>'}, variables?: U,cache: boolean = false): Promise${'<' + 'T>'} {
+                  return operationCall(operationType,name, fields, variables,cache);
+              }
+            }
+            return returnGraphqlOperation
         }
         
         interface graphqlTypeObjects extends ${'Record<string,' + 'graphqlTypeObject>'} {