@ramathibodi/nuxt-commons 0.0.9 → 0.1.0

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

@@ -0,0 +1,19 @@
+import { type InjectionKey, type ComputedRef, type Ref } from 'vue';
+import { type RouteRecordNormalized, type RouteRecordRaw } from 'vue-router';
+export interface MenuItem {
+    title: string;
+    icon: string;
+    role: string;
+    link: any;
+    menuItems: Array<MenuItem>;
+    active: boolean;
+    name: string;
+}
+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

@@ -0,0 +1,60 @@
+import { inject, provide, ref, computed } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { isUndefined } from "lodash-es";
+export const MenuKey = Symbol.for("ramacare:menu");
+export function routeToMenuItem(route) {
+  let menuItem = void 0;
+  if (!isUndefined(route.meta) && !isUndefined(route.meta?.menuItem)) {
+    const menuMeta = route.meta?.menuItem;
+    menuItem = {
+      title: menuMeta.title,
+      icon: menuMeta.icon,
+      role: menuMeta.role,
+      name: route.name,
+      menuItems: [],
+      link: {
+        name: route.name
+      },
+      active: true
+    };
+    if (route.children) {
+      const menuItems = new Array();
+      for (const children of route.children) {
+        const childMenuItem = routeToMenuItem(children);
+        if (childMenuItem)
+          menuItems.push(childMenuItem);
+        menuItem.menuItems = menuItems;
+      }
+    }
+  }
+  return menuItem;
+}
+export function createMenu() {
+  const menuAll = ref([]);
+  const routes = useRouter().getRoutes();
+  for (const route of routes) {
+    const paths = route.path.split("/");
+    if (paths.length == 2) {
+      if (route.path != "/login" && route.path != "/") {
+        const menuItem = routeToMenuItem(route);
+        if (menuItem)
+          menuAll.value.push(menuItem);
+      }
+    }
+  }
+  provide(MenuKey, {
+    menuByRoute: computed(() => {
+      const route = useRoute();
+      for (const menuItem of menuAll.value) {
+        if (menuItem.name == route.path.split("/")[1]) {
+          return menuItem.menuItems;
+        }
+      }
+      return [];
+    }),
+    menuAll
+  });
+}
+export function useMenu() {
+  return inject(MenuKey, null);
+}

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

@@ -0,0 +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>[]>;

package/dist/runtime/composables/utils/fuzzy.mjs

@@ -0,0 +1,19 @@
+import { useFuse } from "@vueuse/integrations/useFuse";
+import { computed, toValue } from "vue";
+export function useFuzzy(searchTerm, items, fieldName, options) {
+  const useFuzeOptions = computed(() => {
+    const optionsValue = toValue(options);
+    const fieldNameValue = toValue(fieldName);
+    return {
+      fuseOptions: {
+        keys: fieldNameValue,
+        isCaseSensitive: optionsValue?.isCaseSensitive ?? false,
+        threshold: optionsValue?.threshold ?? 0.5
+      },
+      resultLimit: optionsValue?.resultLimit ?? 20,
+      matchAllWhenSearchEmpty: optionsValue?.matchAllWhenSearchEmpty ?? false
+    };
+  });
+  const { results } = useFuse(searchTerm, items, useFuzeOptions);
+  return results;
+}

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

@@ -12,7 +12,7 @@ export declare function useRules(): {
     lengthLess: (length: number, customError?: string) => (value: any) => string | true;
     telephone: (customError?: string) => (value: any) => string | true;
     email: (customError?: string) => (value: any) => string | true;
-    regex: (regex: string, customError?: string) => (value: any) => string | true;
+    regex: (regex: RegExp | string, customError?: string) => (value: any) => string | true;
     idcard: (customError?: string) => (value: any) => string | true;
     rules: import("vue").Ref<{
         require: (customError?: string) => (value: any) => string | true;
@@ -28,7 +28,7 @@ export declare function useRules(): {
         lengthLess: (length: number, customError?: string) => (value: any) => string | true;
         telephone: (customError?: string) => (value: any) => string | true;
         email: (customError?: string) => (value: any) => string | true;
-        regex: (regex: string, customError?: string) => (value: any) => string | true;
+        regex: (regex: RegExp | string, customError?: string) => (value: any) => string | true;
         idcard: (customError?: string) => (value: any) => string | true;
     }>;
 };

package/dist/runtime/composables/utils/validation.mjs

@@ -13,8 +13,8 @@ export function useRules() {
   const length = (length2, customError = `Length must be ${length2}`) => (value) => condition(!value || value.length == length2, customError);
   const lengthGreater = (length2, customError = `Length must be greater than ${length2}`) => (value) => condition(!value || value.length >= length2, customError);
   const lengthLess = (length2, customError = `Length must be less than ${length2}`) => (value) => condition(!value || value.length <= length2, customError);
-  const telephone = (customError = "Invalid telephone number") => (value) => condition(!value || /^(?:\s*(?:0[23457][0-9]{7}|0[689][0-9]{8})(?:#[0-9]{1,5})?\s*(?:\([^()]+\))?\s*(?:,(?=.+))?)*$/.test(value), customError);
-  const email = (customError = "Invalid email address") => (value) => condition(!value || /^([a-zA-Z0-9_\-.]+)@([a-zA-Z0-9_\-.]+)\.([a-zA-Z]{2,5})$/.test(value), customError);
+  const telephone = (customError = "Invalid telephone number") => (value) => condition(!value || /^(?:\s*(?:0[2-57]\d{7}|0[689]\d{8})(?:#\d{1,5})?\s*(?:\([^()]+\)\s*)?(?:,(?=.+))?)*$/.test(value), customError);
+  const email = (customError = "Invalid email address") => (value) => condition(!value || /^([\w\-.]+)@([\w\-.]+)\.([a-z]{2,5})$/i.test(value), customError);
   const regex = (regex2, customError = "Invalid format") => (value) => condition(!value || new RegExp(regex2).test(value), customError);
   const idcard = (customError = "Invalid idcard") => (value) => condition(/^\d{13}$/.test(value) && (11 - [...value].slice(0, 12).reduce((sum, n, i) => sum + +n * (13 - i), 0) % 11) % 10 === +value[12], customError);
   const rules = ref({

package/dist/runtime/labs/form/TextFieldMask.vue

@@ -13,7 +13,7 @@ const emit = defineEmits<{
 }>()
 
 const computedMaskOption = computed<MaskOptions>(() => {
-  if (props.type == 'eReceipt') return { mask: '##-##-N', tokens: { N: { pattern: /[0-9]/, multiple: true } } }
+  if (props.type == 'eReceipt') return { mask: '##-##-N', tokens: { N: { pattern: /\d/, multiple: true } } }
   if (props.type == 'telephone') return { mask: '###-###-####' }
   return {}
 })
@@ -30,13 +30,13 @@ function onMaska(event: CustomEvent<MaskaDetail>) {
     @maska="onMaska"
   >
     <template
-      v-for="(_, slot, index) in ($slots as {})"
+      v-for="(_, name, index) in ($slots as {})"
       :key="index"
-      #[slot]="scope"
+      #[name]="slotData"
     >
       <slot
-        :name="slot"
-        v-bind="{ scope }"
+        :name="name"
+        v-bind="(slotData as object)"
       />
     </template>
   </v-text-field>

package/dist/runtime/plugins/permission.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/permission.mjs

@@ -0,0 +1,23 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import { useAuthentication } from "#imports";
+export default defineNuxtPlugin(async (nuxtApp) => {
+  function permission(permissionId) {
+    if (!permissionId || useAuthentication()?.hasPermission(permissionId) === void 0)
+      return true;
+    return useAuthentication()?.hasPermission(permissionId);
+  }
+  nuxtApp.vueApp.config.globalProperties.$permission = permission;
+  nuxtApp.vueApp.directive("permission", (el, binding, vnode) => {
+    if (!permission(binding.value)) {
+      if (vnode) {
+        if (vnode.um?.length) {
+          vnode.um.forEach((um) => {
+            um();
+          });
+        }
+        if (el.parentElement)
+          el.parentElement.removeChild(el);
+      }
+    }
+  });
+});

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

@@ -0,0 +1,15 @@
+declare module '#app' {
+  interface PageMeta {
+    menuItem?: MenuMeta
+  }
+}
+
+declare global {
+  interface MenuMeta {
+    title: string
+    icon: string
+    role: string
+  }
+}
+
+export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",
@@ -19,8 +19,8 @@
       "import": "./dist/runtime/utils/*.mjs",
       "require": "./dist/runtime/utils/*.cjs"
     },
-    "./lab/*" : "./dist/runtime/labs/*.vue",
-    "./lab/*/*" : "./dist/runtime/labs/*/*.vue"
+    "./lab/*": "./dist/runtime/labs/*.vue",
+    "./lab/*/*": "./dist/runtime/labs/*/*.vue"
   },
   "main": "./dist/module.cjs",
   "types": "./dist/types.d.ts",
@@ -52,9 +52,11 @@
     "@nuxtjs/apollo": "5.0.0-alpha.14",
     "@vue/apollo-composable": "^4.0.2",
     "@vuepic/vue-datepicker": "^7.4.1",
+    "@vueuse/integrations": "^10.10.0",
     "@zxing/browser": "^0.1.4",
     "cropperjs": "^1.6.2",
     "currency.js": "^2.0.4",
+    "fuse.js": "^6.6.2",
     "gql-query-builder": "^3.8.0",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",
@@ -82,6 +84,7 @@
     "eslint": "^9.1.1",
     "nuxt": "^3.11.2",
     "nuxt-lodash": "^2.5.3",
+    "prettier": "3.3.2",
     "sass": "^1.75.0",
     "typescript": "^5.4.5",
     "vitest": "^1.5.1",