@ramathibodi/nuxt-commons 0.1.74 → 4.0.0

package/dist/runtime/labs/Calendar.vue

@@ -1,84 +1,56 @@
-<script lang="ts" setup>
-import FullCalendar from '@fullcalendar/vue3'
-import dayGridPlugin from '@fullcalendar/daygrid'
-import timeGridPlugin from '@fullcalendar/timegrid'
-import listPlugin from '@fullcalendar/list'
-import interactionPlugin from '@fullcalendar/interaction'
-import { ref, computed, withDefaults } from 'vue'
-import { type CalendarOptions } from '@fullcalendar/core'
-
-type Event = {
-  id: string | undefined
-  title: string
-  start: string // YYYY-MM-DD | YYYY-MM-DD HH:mm:ss
-  end: string // YYYY-MM-DD
-  color: string
-  detail?: string
-  props: Record<string, any> | any[]
-}
-
-interface CalendarProps {
-  modelValue: Event[]
-  locale?: 'th' | 'en'
-  toolBarLeft?: string
-  toolBarCenter?: string
-  toolBarRight?: string
-  height?: string | number
-  selectViewDay?: string
-  mode: 'dayGridMonth' | 'timeGridDay'
-}
-
-const props = withDefaults(defineProps<CalendarProps>(), {
-  locale: 'th',
-  height: 1200,
-  toolBarLeft: 'today prev,next',
-  toolBarCenter: 'title',
-  toolBarRight: 'timeGridDay,timeGridWeek,dayGridMonth',
-  mode: 'dayGridMonth',
-})
-
-const emit = defineEmits(['select', 'dialog'])
-
+<script setup>
+import FullCalendar from "@fullcalendar/vue3";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import timeGridPlugin from "@fullcalendar/timegrid";
+import listPlugin from "@fullcalendar/list";
+import interactionPlugin from "@fullcalendar/interaction";
+import { ref, computed } from "vue";
+import {} from "@fullcalendar/core";
+const props = defineProps({
+  modelValue: { type: Array, required: true },
+  locale: { type: String, required: false, default: "th" },
+  toolBarLeft: { type: String, required: false, default: "today prev,next" },
+  toolBarCenter: { type: String, required: false, default: "title" },
+  toolBarRight: { type: String, required: false, default: "timeGridDay,timeGridWeek,dayGridMonth" },
+  height: { type: [String, Number], required: false, default: 1200 },
+  selectViewDay: { type: String, required: false },
+  mode: { type: String, required: true, default: "dayGridMonth" }
+});
+const emit = defineEmits(["select", "dialog"]);
 const buttonText = computed(() => {
   return {
-    today: props.locale === 'th' ? 'วันนี้' : 'today',
-    month: props.locale === 'th' ? 'เดือน' : 'month',
-    week: props.locale === 'th' ? 'สัปดาห์' : 'week',
-    day: props.locale === 'th' ? 'วัน' : 'day',
-    list: props.locale === 'th' ? 'รายการ' : 'list',
-    year: props.locale === 'th' ? 'ปี' : 'year',
-  }
-})
-
-const calendarRef = ref<InstanceType<typeof FullCalendar>>()
-const dateViewDay = ref({ date: '', props: {} })
-
-const handleDateClick = (info: any) => {
-  emit('select', info.event)
-}
-
-const handleEventClick = (info: any) => {
-  emit('dialog', true)
-  emit('select', info.event)
-}
-
-const eventContentDay = (arg: any) => {
-  const list = document.createElement('div')
-  list.innerHTML = document.getElementById(arg.event.id.toString())?.innerHTML || ''
-  return { domNodes: [list] }
-}
-
-// @ts-expect-error
-const calendarOptions = ref<CalendarOptions>({
+    today: props.locale === "th" ? "\u0E27\u0E31\u0E19\u0E19\u0E35\u0E49" : "today",
+    month: props.locale === "th" ? "\u0E40\u0E14\u0E37\u0E2D\u0E19" : "month",
+    week: props.locale === "th" ? "\u0E2A\u0E31\u0E1B\u0E14\u0E32\u0E2B\u0E4C" : "week",
+    day: props.locale === "th" ? "\u0E27\u0E31\u0E19" : "day",
+    list: props.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "list",
+    year: props.locale === "th" ? "\u0E1B\u0E35" : "year"
+  };
+});
+const calendarRef = ref();
+const dateViewDay = ref({ date: "", props: {} });
+const handleDateClick = (info) => {
+  emit("select", info.event);
+};
+const handleEventClick = (info) => {
+  emit("dialog", true);
+  emit("select", info.event);
+};
+const eventContentDay = (arg) => {
+  const list = document.createElement("div");
+  list.innerHTML = document.getElementById(arg.event.id.toString())?.innerHTML || "";
+  return { domNodes: [list] };
+};
+const calendarOptions = ref({
   plugins: [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin],
   initialView: props.mode,
   locale: props.locale,
   dayMaxEvents: true,
-  timeZone: 'UTC',
+  timeZone: "UTC",
   headerToolbar: {
     left: props.toolBarLeft,
     center: props.toolBarCenter,
-    right: props.toolBarRight,
+    right: props.toolBarRight
   },
   buttonText: buttonText.value,
   events: props.modelValue,
@@ -87,13 +59,13 @@ const calendarOptions = ref<CalendarOptions>({
   eventClick: handleEventClick,
   nowIndicator: true,
   height: props.height,
-  eventColor: '#378006',
-})
+  eventColor: "#378006"
+});
 </script>
 
 <template>
   <FullCalendar
     ref="calendarRef"
-    :options="calendarOptions as CalendarOptions"
+    :options="calendarOptions"
   />
 </template>

package/dist/runtime/labs/Calendar.vue.d.ts

@@ -0,0 +1,35 @@
+type Event = {
+    id: string | undefined;
+    title: string;
+    start: string;
+    end: string;
+    color: string;
+    detail?: string;
+    props: Record<string, any> | any[];
+};
+interface CalendarProps {
+    modelValue: Event[];
+    locale?: 'th' | 'en';
+    toolBarLeft?: string;
+    toolBarCenter?: string;
+    toolBarRight?: string;
+    height?: string | number;
+    selectViewDay?: string;
+    mode: 'dayGridMonth' | 'timeGridDay';
+}
+declare const __VLS_export: import("vue").DefineComponent<CalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dialog: (...args: any[]) => void;
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<CalendarProps> & Readonly<{
+    onDialog?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    height: string | number;
+    mode: "dayGridMonth" | "timeGridDay";
+    locale: "th" | "en";
+    toolBarLeft: string;
+    toolBarCenter: string;
+    toolBarRight: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/labs/form/EditMobile.d.vue.ts

@@ -0,0 +1,12 @@
+interface Props {
+    modelValue: number;
+    decimal?: number;
+    currency?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    modelValue: number;
+    decimal: number;
+    currency: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,79 +1,62 @@
-<script lang="ts" setup>
-import { ref, withDefaults } from 'vue';
+<script setup>
+import { ref } from "vue";
 import FormPad from "../../components/form/Pad.vue";
 import { useAlert } from "../../composables/alert";
 import { Mask } from "maska";
-
-interface Props {
-  modelValue: number;
-  decimal?: number;
-  currency?: string;
-}
-
 const masksInput = new Mask({
   mask: "###-###-N",
   tokens: {
     N: { pattern: /[0-9]/, multiple: true }
   }
 });
-
 const alert = useAlert();
 const dialog = ref(false);
 const phone = ref();
 const typePhone = ref([]);
 const formPadTemplate = ref();
-const phoneNoField: any = ref(null);
-const objAddNew = ref({ phone: "", type: <any>[] });
-
+const phoneNoField = ref(null);
+const objAddNew = ref({ phone: "", type: [] });
 const listPhonesAll = ref([
   { "phone": "082745855410101", "type": ["default"] },
   { "phone": "0827196038", "type": null },
   { "phone": "0956458547", "type": ["post", "receipt"] }
 ]);
-
 const listPhonesType = ref([
-  { "id": "default", "name": "ค่าเริ่มต้น" },
-  { "id": "post", "name": "จัดส่งไปรษณีย์" },
-  { "id": "receipt", "name": "จัดส่งใบเสร็จ (e-receipt)" }
+  { "id": "default", "name": "\u0E04\u0E48\u0E32\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19" },
+  { "id": "post", "name": "\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E44\u0E1B\u0E23\u0E29\u0E13\u0E35\u0E22\u0E4C" },
+  { "id": "receipt", "name": "\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E43\u0E1A\u0E40\u0E2A\u0E23\u0E47\u0E08 (e-receipt)" }
 ]);
-
-const property = withDefaults(defineProps<Props>(), {
-  modelValue: 0,
-  decimal: 2,
-  currency: "",
+const property = defineProps({
+  modelValue: { type: Number, required: true, default: 0 },
+  decimal: { type: Number, required: false, default: 2 },
+  currency: { type: String, required: false, default: "" }
 });
-
 const focusOnTextField = () => {
   if (phoneNoField.value) {
     phoneNoField.value.focus();
   }
 };
-
-const mapTypeName = (id: string) => {
-  const item = listPhonesType.value.find(entry => entry.id === id);
-  return item ? item.name : undefined;
+const mapTypeName = (id) => {
+  const item = listPhonesType.value.find((entry) => entry.id === id);
+  return item ? item.name : void 0;
 };
-
-const mapPhoneCurrent = (phone: string) => {
-  const item = listPhonesAll.value.find(entry => entry.phone === phone);
+const mapPhoneCurrent = (phone2) => {
+  const item = listPhonesAll.value.find((entry) => entry.phone === phone2);
   return item ? item.phone : "";
 };
-
 const add = () => {
   if (formPadTemplate.value.isValid) {
     objAddNew.value.phone = phone.value.phone;
     objAddNew.value.type = typePhone.value.length === 0 ? ["default"] : typePhone.value;
-
     if (mapPhoneCurrent(objAddNew.value.phone) != "") {
       focusOnTextField();
-      alert?.addAlert({ message: "เบอร์โทรศัพท์ซ้ำ กรุณาตรวจสอบ", alertType: 'error' });
+      alert?.addAlert({ message: "\u0E40\u0E1A\u0E2D\u0E23\u0E4C\u0E42\u0E17\u0E23\u0E28\u0E31\u0E1E\u0E17\u0E4C\u0E0B\u0E49\u0E33 \u0E01\u0E23\u0E38\u0E13\u0E32\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A", alertType: "error" });
     } else {
       dialog.value = false;
       listPhonesAll.value.push(objAddNew.value);
     }
   }
 };
-
 const registerPhone = () => {
   dialog.value = true;
   phone.value = "";
@@ -125,7 +108,7 @@ const registerPhone = () => {
                 color="primary"
                 label="เบอร์โทรศัพท์ (Phone Number)"
                 variant="underlined"
-                :rules="[rules.telephone('เบอร์โทรศัพท์ไม่ถูกต้อง'), rules.require()]"
+                :rules="[rules.telephone('\u0E40\u0E1A\u0E2D\u0E23\u0E4C\u0E42\u0E17\u0E23\u0E28\u0E31\u0E1E\u0E17\u0E4C\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07'), rules.require()]"
                 v-model="data.phone"
                 :autofocus="true"
             ></v-text-field>
@@ -150,4 +133,4 @@ const registerPhone = () => {
       </v-card-actions>
     </v-card>
   </v-dialog>
-</template>
+</template>

package/dist/runtime/labs/form/EditMobile.vue.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    modelValue: number;
+    decimal?: number;
+    currency?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    modelValue: number;
+    decimal: number;
+    currency: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,21 @@
+import { VTextField } from 'vuetify/components/VTextField';
+export interface Props extends /* @vue-ignore */ InstanceType<typeof VTextField['$props']> {
+    type: 'eReceipt' | 'telephone';
+}
+declare var __VLS_12: never, __VLS_13: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,42 +1,36 @@
-<script lang="ts" setup>
-import {computed} from 'vue'
-import {VTextField} from 'vuetify/components/VTextField'
-import {type MaskaDetail, type MaskOptions, vMaska} from 'maska'
-
-export interface Props extends /* @vue-ignore */ InstanceType<typeof VTextField['$props']> {
-  type: 'eReceipt' | 'telephone'
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: string): void
-}>()
-
-const computedMaskOption = computed<MaskOptions>(() => {
-  if (props.type == 'eReceipt') return { mask: '##-##-N', tokens: { N: { pattern: /\d/, multiple: true } } }
-  if (props.type == 'telephone') return { mask: '###-###-####' }
-  return {}
-})
-
-function onMaska(event: CustomEvent<MaskaDetail>) {
-  emit('update:modelValue', event.detail.unmasked)
+<script setup>
+import { computed } from "vue";
+import { VTextField } from "vuetify/components/VTextField";
+import { vMaska } from "maska";
+const props = defineProps({
+  type: { type: String, required: true }
+});
+const vMaskaOptions = vMaska;
+const emit = defineEmits(["update:modelValue"]);
+const computedMaskOption = computed(() => {
+  if (props.type == "eReceipt") return { mask: "##-##-N", tokens: { N: { pattern: /\d/, multiple: true } } };
+  if (props.type == "telephone") return { mask: "###-###-####" };
+  return {};
+});
+function onMaska(event) {
+  emit("update:modelValue", event.detail.unmasked);
 }
 </script>
 
 <template>
   <v-text-field
-    v-maska:[computedMaskOption]
+    v-maska-options="computedMaskOption"
     v-bind="$attrs"
     @maska="onMaska"
   >
     <template
-      v-for="(_, name, index) in ($slots as {})"
+      v-for="(_, name, index) in $slots"
       :key="index"
       #[name]="slotData"
     >
       <slot
         :name="name"
-        v-bind="((slotData || {}) as object)"
+        v-bind="slotData || {}"
       />
     </template>
   </v-text-field>

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

@@ -0,0 +1,21 @@
+import { VTextField } from 'vuetify/components/VTextField';
+export interface Props extends /* @vue-ignore */ InstanceType<typeof VTextField['$props']> {
+    type: 'eReceipt' | 'telephone';
+}
+declare var __VLS_12: never, __VLS_13: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/plugins/dialogManager.js

@@ -20,9 +20,9 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     hostOpenFn = openFn;
     hostCloseFn = closeFn;
   };
-  const setDialogComponents = (components) => {
+  const setDialogComponents = ((components) => {
     Object.assign(dialogComponents, components);
-  };
+  });
   const open = (component, props = {}) => {
     return hostOpenFn?.(component, props).promise ?? Promise.reject("No dialog host registered");
   };

package/dist/runtime/plugins/permission.js

@@ -1,5 +1,5 @@
 import { defineNuxtPlugin } from "nuxt/app";
-import { useAuthentication } from "#imports";
+import { useAuthentication } from "../bridges/authentication.js";
 export default defineNuxtPlugin((nuxtApp) => {
   function normalize(input) {
     if (!input) return [];
@@ -15,13 +15,13 @@ export default defineNuxtPlugin((nuxtApp) => {
     if (isBlank(permissionIds)) return true;
     const auth = useAuthentication();
     const perms = normalize(permissionIds);
-    return perms.some((id) => auth?.hasPermission(id));
+    return perms.some((id) => auth.hasPermission?.(id) ?? false);
   };
   const checkAll = (permissionIds) => {
     if (isBlank(permissionIds)) return true;
     const auth = useAuthentication();
     const perms = normalize(permissionIds);
-    return perms.every((id) => auth?.hasPermission(id));
+    return perms.every((id) => auth.hasPermission?.(id) ?? false);
   };
   nuxtApp.vueApp.directive("permission", (el, binding, vnode) => {
     if (!check(binding.value)) {

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

@@ -0,0 +1,14 @@
+import type { AuthenticationBridgeInput } from '../bridges/authentication'
+import type { GraphqlBridgeInput } from '../bridges/graphql'
+
+declare module '#app' {
+  interface NuxtApp {
+    $appAuthentication?: AuthenticationBridgeInput
+    $appGraphql?: GraphqlBridgeInput
+  }
+
+  interface RuntimeNuxtApp {
+    $appAuthentication?: AuthenticationBridgeInput
+    $appGraphql?: GraphqlBridgeInput
+  }
+}

package/dist/runtime/utils/datetime.js

@@ -156,7 +156,7 @@ export function returnVerifyDate(date) {
     const month = match[2];
     const day = match[3];
     const fullMonth = Number.parseInt(month) == 0 || Number.parseInt(month) >= 13 ? "01" : month;
-    const fullDay = Number.parseInt(day) == 0 || Number.parseInt(month) >= 32 ? "01" : day;
+    const fullDay = Number.parseInt(day) == 0 || Number.parseInt(day) >= 32 ? "01" : day;
     return `${year}-${fullMonth}-${fullDay}`;
   } else {
     return null;

package/dist/types.d.mts

@@ -1,7 +1,3 @@
-import type { NuxtModule } from '@nuxt/schema'
+export { default } from './module.mjs'
 
-import type { default as Module } from './module.js'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module.js'
+export { type ModuleOptions } from './module.mjs'