@ramathibodi/nuxt-commons 0.1.1 → 0.1.3

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.1"
+  "version": "0.1.3"
 }

package/dist/runtime/components/SplitterPanel.vue

@@ -1,47 +1,59 @@
 <script setup lang="ts">
-import { ref } from 'vue';
-import { VCard } from 'vuetify/components/VCard'
-const isResizing = ref(false);
-const pane1Width = ref('50%');
+import { ref } from 'vue'
+import { VCard } from 'vuetify/components/VCard'
+
+const isResizing = ref(false)
+const pane1Width = ref('50%')
 const containerRef = ref<HTMLElement>()
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCard['$props']>{
-  height? : number | string
+interface Props extends /* @vue-ignore */ InstanceType<typeof VCard['$props']> {
+  height?: number | string
 }
 const props = defineProps<Props>()
 
 const startResize = () => {
-  isResizing.value = true;
-};
+  isResizing.value = true
+}
 
 const stopResize = () => {
-  isResizing.value = false;
-};
+  isResizing.value = false
+}
 
 const resize = (event: MouseEvent) => {
   if (isResizing.value && containerRef.value) {
-    const containerRect = containerRef.value.getBoundingClientRect();
-    const newWidth = event.clientX - containerRect.left;
-    pane1Width.value = `${(newWidth / containerRect.width) * 100}%`;
+    const containerRect = containerRef.value.getBoundingClientRect()
+    const newWidth = event.clientX - containerRect.left
+    pane1Width.value = `${(newWidth / containerRect.width) * 100}%`
   }
-};
+}
 </script>
 
 <template>
   <v-card :="$attrs">
-    <v-sheet border :height="height">
-      <div class="d-flex" ref="containerRef" @mouseup="stopResize" @mousemove="resize" >
-        <v-sheet :width = "pane1Width">
-          <slot name="left"></slot>
+    <v-sheet
+      border
+      :height="height"
+    >
+      <div
+        ref="containerRef"
+        class="d-flex"
+        @mouseup="stopResize"
+        @mousemove="resize"
+      >
+        <v-sheet :width="pane1Width">
+          <slot name="left" />
         </v-sheet>
-        <v-divider :thickness="3" vertical class="cursor-move" @mousedown="startResize" ></v-divider>
-        <v-sheet  :width = "`calc(100% - ${pane1Width})`" >
-          <slot name="right"></slot>
+        <v-divider
+          :thickness="3"
+          vertical
+          class="cursor-move"
+          @mousedown="startResize"
+        />
+        <v-sheet :width="`calc(100% - ${pane1Width})`">
+          <slot name="right" />
         </v-sheet>
       </div>
-    </v-sheet>
-
-  </v-card>
-
+    </v-sheet>
+  </v-card>
 </template>
 
 <style scoped>

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

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import {computed, ref, watch} from 'vue'
+import { computed, ref, watch } from 'vue'
 import * as prettier from 'prettier'
 import prettierPluginHtml from 'prettier/plugins/html'
-import {useDocumentTemplate, validationRulesRegex} from '../../composables/document/template'
+import { useDocumentTemplate, validationRulesRegex } from '../../composables/document/template'
 
 interface Props {
   modelValue?: string
@@ -82,8 +82,8 @@ async function convertToAdvanceMode() {
   }
 }
 
-const inputTypeChoice = ref(['VTextField', 'VTextarea', 'VSelect','VAutocomplete','FormDate','FormTime','FormDateTime','VCombobox', 'VRadio', 'VRadioInline', 'VCheckbox','VSwitch', 'MasterAutocomplete', 'Header', 'Separator', 'CustomCode'])
-const requireOption = ref(['VSelect','VAutocomplete','VCombobox', 'VRadio', 'VRadioInline', 'MasterAutocomplete'])
+const inputTypeChoice = ref(['VTextField', 'VTextarea', 'VSelect', 'VAutocomplete', 'FormDate', 'FormTime', 'FormDateTime', 'VCombobox', 'VRadio', 'VRadioInline', 'VCheckbox', 'VSwitch', 'MasterAutocomplete', 'Header', 'Separator', 'CustomCode'])
+const requireOption = ref(['VSelect', 'VAutocomplete', 'VCombobox', 'VRadio', 'VRadioInline', 'MasterAutocomplete'])
 const notRequireVariable = ref(['Header', 'Separator', 'CustomCode'])
 const notRequireLabel = ref(['Separator', 'CustomCode'])
 
@@ -176,8 +176,8 @@ const ruleOptions = (inputType: string) => (value: any) => {
           </v-col>
           <v-col v-if="data.inputType!='Separator'">
             <v-text-field
-                v-model="data.columnAttributes"
-                label="Column Attributes"
+              v-model="data.columnAttributes"
+              label="Column Attributes"
             />
           </v-col>
           <v-col

package/dist/runtime/components/master/Autocomplete.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import {VAutocomplete} from 'vuetify/components/VAutocomplete'
-import {concat, isEmpty} from 'lodash-es'
-import {computed, ref, watch} from 'vue'
-import {watchDebounced} from '@vueuse/core'
-import {useFuzzy} from '../../composables/utils/fuzzy'
-import {useGraphQl} from '../../composables/graphql'
+import { VAutocomplete } from 'vuetify/components/VAutocomplete'
+import { concat, isEmpty } from 'lodash-es'
+import { computed, ref, watch } from 'vue'
+import { watchDebounced } from '@vueuse/core'
+import { useFuzzy } from '../../composables/utils/fuzzy'
+import { useGraphQl } from '../../composables/graphql'
 
 interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {
   fuzzy?: boolean

package/dist/runtime/composables/menu.d.ts

@@ -0,0 +1,11 @@
+import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
+import { type RouteRecordNormalized, type RouteRecordRaw } from 'vue-router';
+import { type MenuItem } from '../types/menu';
+export interface MenuProvide {
+    menuAll: Ref<MenuItem[]>;
+    menuByRoute: ComputedRef<MenuItem[]>;
+}
+export declare const MenuKey: InjectionKey<MenuProvide>;
+export declare function routeToMenuItem(route: RouteRecordRaw | RouteRecordNormalized): MenuItem | undefined;
+export declare function createMenu(): void;
+export declare function useMenu(): MenuProvide | null;

package/dist/runtime/composables/menu.mjs

@@ -1,6 +1,6 @@
 import { computed, inject, provide, ref } from "vue";
-import { useRoute, useRouter } from "vue-router";
 import { isUndefined } from "lodash-es";
+import { useRoute, useRouter } from "#imports";
 export const MenuKey = Symbol.for("ramacare:menu");
 export function routeToMenuItem(route) {
   let menuItem = void 0;

package/dist/runtime/composables/utils/fuzzy.d.ts

@@ -1,2 +1,2 @@
 import type { MaybeRefOrGetter } from 'vue';
-export declare function useFuzzy(searchTerm: MaybeRefOrGetter<string>, items: MaybeRefOrGetter<any[]>, fieldName: MaybeRefOrGetter<string[]>, options?: MaybeRefOrGetter<Record<string, any>>): import("vue").ComputedRef<import("fuse.js").default.FuseResult<any>[]>;
+export declare function useFuzzy(searchTerm: MaybeRefOrGetter<string>, items: MaybeRefOrGetter<any[]>, fieldName: MaybeRefOrGetter<string[]>, options?: MaybeRefOrGetter<Record<string, any>>): import("vue").ComputedRef<Fuse.FuseResult<DataItem>[]>;

package/dist/runtime/types/menu.d.ts

@@ -22,4 +22,4 @@ declare global {
   }
 }
 
-export {}
+export { MenuMeta, MenuItem }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",
@@ -56,7 +56,7 @@
     "@zxing/browser": "^0.1.4",
     "cropperjs": "^1.6.2",
     "currency.js": "^2.0.4",
-    "fuse.js": "^6.6.2",
+    "fuse.js": "^7.0.0",
     "gql-query-builder": "^3.8.0",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",