@ramathibodi/nuxt-commons 0.1.74 → 0.1.75

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

@@ -12,10 +12,10 @@ export interface GraphqlModelConfigProps {
     fields?: Array<string | object>;
 }
 export declare function useGraphqlModelOperation<T extends GraphqlModelConfigProps>(props: T): {
-    operationCreate: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any>>;
-    operationUpdate: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any>>;
-    operationDelete: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any>>;
-    operationRead: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any>>;
-    operationReadPageable: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any>>;
-    operationSearch: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any>>;
+    operationCreate: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any> | undefined>;
+    operationUpdate: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any> | undefined>;
+    operationDelete: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any> | undefined>;
+    operationRead: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any> | undefined>;
+    operationReadPageable: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any> | undefined>;
+    operationSearch: import("vue").ComputedRef<import("~/.nuxt/types/graphqlOperation").graphqlOperationObject<any, any> | undefined>;
 };

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

@@ -1 +1 @@
-export declare const useUserPermission: () => import("../types/permission").PermissionPlugin;
+export declare const useUserPermission: () => any;

package/dist/runtime/labs/Calendar.vue

@@ -1,99 +1,99 @@
-<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'])
-
-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>({
-  plugins: [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin],
-  initialView: props.mode,
-  locale: props.locale,
-  dayMaxEvents: true,
-  timeZone: 'UTC',
-  headerToolbar: {
-    left: props.toolBarLeft,
-    center: props.toolBarCenter,
-    right: props.toolBarRight,
-  },
-  buttonText: buttonText.value,
-  events: props.modelValue,
-  initialDate: props.selectViewDay,
-  dateClick: handleDateClick,
-  eventClick: handleEventClick,
-  nowIndicator: true,
-  height: props.height,
-  eventColor: '#378006',
-})
-</script>
-
-<template>
-  <FullCalendar
-    ref="calendarRef"
-    :options="calendarOptions as CalendarOptions"
-  />
-</template>
+<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'])
+
+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>({
+  plugins: [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin],
+  initialView: props.mode,
+  locale: props.locale,
+  dayMaxEvents: true,
+  timeZone: 'UTC',
+  headerToolbar: {
+    left: props.toolBarLeft,
+    center: props.toolBarCenter,
+    right: props.toolBarRight,
+  },
+  buttonText: buttonText.value,
+  events: props.modelValue,
+  initialDate: props.selectViewDay,
+  dateClick: handleDateClick,
+  eventClick: handleEventClick,
+  nowIndicator: true,
+  height: props.height,
+  eventColor: '#378006',
+})
+</script>
+
+<template>
+  <FullCalendar
+    ref="calendarRef"
+    :options="calendarOptions as CalendarOptions"
+  />
+</template>

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

@@ -1,153 +1,153 @@
-<script lang="ts" setup>
-import { ref, withDefaults } 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 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)" }
-]);
-
-const property = withDefaults(defineProps<Props>(), {
-  modelValue: 0,
-  decimal: 2,
-  currency: "",
-});
-
-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 mapPhoneCurrent = (phone: string) => {
-  const item = listPhonesAll.value.find(entry => entry.phone === phone);
-  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' });
-    } else {
-      dialog.value = false;
-      listPhonesAll.value.push(objAddNew.value);
-    }
-  }
-};
-
-const registerPhone = () => {
-  dialog.value = true;
-  phone.value = "";
-  typePhone.value = [];
-};
-</script>
-
-<template>
-  <v-row class="ma-5">
-    <v-col cols="4">
-      <div>
-        <v-card v-for="item in listPhonesAll" :key="item.phone"
-                class="mt-1"
-                variant="tonal"
-                width="auto"
-                :title="masksInput.masked(item.phone)"
-        >
-          <v-card-text class="pl-10">
-            <v-chip color="primary" v-for="itemType in item.type">{{ mapTypeName(itemType) }}</v-chip>
-          </v-card-text>
-          <template v-slot:prepend>
-            <v-icon icon="mdi mdi-phone"></v-icon>
-          </template>
-          <template v-slot:append>
-            <v-icon icon="mdi mdi-pencil"></v-icon>
-          </template>
-        </v-card>
-      </div>
-      <div class="mt-1">
-        <v-btn size="large" prepend-icon="mdi mdi-plus" color="primary" :block="true" @click="registerPhone">เพิ่มเบอร์โทรศัพท์ใหม่</v-btn>
-      </div>
-    </v-col>
-    <v-col cols="4">
-    </v-col>
-  </v-row>
-  <v-dialog v-model="dialog" width="550">
-    <v-card title="เบอร์โทรศัพท์ใหม่">
-      <template v-slot:prepend>
-        <v-icon icon="mdi mdi-phone-plus"></v-icon>
-      </template>
-      <template v-slot:append>
-        <v-icon icon="mdi mdi-close" @click="dialog = false"></v-icon>
-      </template>
-      <v-card-text>
-        <form-pad ref="formPadTemplate" v-model="phone">
-          <template v-slot:default="{ data, rules }">
-            <v-text-field
-                ref="phoneNoField"
-                color="primary"
-                label="เบอร์โทรศัพท์ (Phone Number)"
-                variant="underlined"
-                :rules="[rules.telephone('เบอร์โทรศัพท์ไม่ถูกต้อง'), rules.require()]"
-                v-model="data.phone"
-                :autofocus="true"
-            ></v-text-field>
-          </template>
-        </form-pad>
-        <v-chip-group
-            v-model="typePhone"
-            column
-            multiple
-            selected-class="text-primary"
-        >
-          <v-chip v-for="item in listPhonesType" :key="item.id" :value="item.id"
-                  filter
-                  variant="outlined"
-          >
-            {{ item.name }}
-          </v-chip>
-        </v-chip-group>
-      </v-card-text>
-      <v-card-actions>
-        <v-btn color="primary" variant="flat" @click="add" :block="true">ยืนยัน</v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
+<script lang="ts" setup>
+import { ref, withDefaults } 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 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)" }
+]);
+
+const property = withDefaults(defineProps<Props>(), {
+  modelValue: 0,
+  decimal: 2,
+  currency: "",
+});
+
+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 mapPhoneCurrent = (phone: string) => {
+  const item = listPhonesAll.value.find(entry => entry.phone === phone);
+  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' });
+    } else {
+      dialog.value = false;
+      listPhonesAll.value.push(objAddNew.value);
+    }
+  }
+};
+
+const registerPhone = () => {
+  dialog.value = true;
+  phone.value = "";
+  typePhone.value = [];
+};
+</script>
+
+<template>
+  <v-row class="ma-5">
+    <v-col cols="4">
+      <div>
+        <v-card v-for="item in listPhonesAll" :key="item.phone"
+                class="mt-1"
+                variant="tonal"
+                width="auto"
+                :title="masksInput.masked(item.phone)"
+        >
+          <v-card-text class="pl-10">
+            <v-chip color="primary" v-for="itemType in item.type">{{ mapTypeName(itemType) }}</v-chip>
+          </v-card-text>
+          <template v-slot:prepend>
+            <v-icon icon="mdi mdi-phone"></v-icon>
+          </template>
+          <template v-slot:append>
+            <v-icon icon="mdi mdi-pencil"></v-icon>
+          </template>
+        </v-card>
+      </div>
+      <div class="mt-1">
+        <v-btn size="large" prepend-icon="mdi mdi-plus" color="primary" :block="true" @click="registerPhone">เพิ่มเบอร์โทรศัพท์ใหม่</v-btn>
+      </div>
+    </v-col>
+    <v-col cols="4">
+    </v-col>
+  </v-row>
+  <v-dialog v-model="dialog" width="550">
+    <v-card title="เบอร์โทรศัพท์ใหม่">
+      <template v-slot:prepend>
+        <v-icon icon="mdi mdi-phone-plus"></v-icon>
+      </template>
+      <template v-slot:append>
+        <v-icon icon="mdi mdi-close" @click="dialog = false"></v-icon>
+      </template>
+      <v-card-text>
+        <form-pad ref="formPadTemplate" v-model="phone">
+          <template v-slot:default="{ data, rules }">
+            <v-text-field
+                ref="phoneNoField"
+                color="primary"
+                label="เบอร์โทรศัพท์ (Phone Number)"
+                variant="underlined"
+                :rules="[rules.telephone('เบอร์โทรศัพท์ไม่ถูกต้อง'), rules.require()]"
+                v-model="data.phone"
+                :autofocus="true"
+            ></v-text-field>
+          </template>
+        </form-pad>
+        <v-chip-group
+            v-model="typePhone"
+            column
+            multiple
+            selected-class="text-primary"
+        >
+          <v-chip v-for="item in listPhonesType" :key="item.id" :value="item.id"
+                  filter
+                  variant="outlined"
+          >
+            {{ item.name }}
+          </v-chip>
+        </v-chip-group>
+      </v-card-text>
+      <v-card-actions>
+        <v-btn color="primary" variant="flat" @click="add" :block="true">ยืนยัน</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
 </template>

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

@@ -1,43 +1,43 @@
-<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>
-
-<template>
-  <v-text-field
-    v-maska:[computedMaskOption]
-    v-bind="$attrs"
-    @maska="onMaska"
-  >
-    <template
-      v-for="(_, name, index) in ($slots as {})"
-      :key="index"
-      #[name]="slotData"
-    >
-      <slot
-        :name="name"
-        v-bind="((slotData || {}) as object)"
-      />
-    </template>
-  </v-text-field>
-</template>
+<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>
+
+<template>
+  <v-text-field
+    v-maska:[computedMaskOption]
+    v-bind="$attrs"
+    @maska="onMaska"
+  >
+    <template
+      v-for="(_, name, index) in ($slots as {})"
+      :key="index"
+      #[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="((slotData || {}) as object)"
+      />
+    </template>
+  </v-text-field>
+</template>

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

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

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

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

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

@@ -1,2 +1,2 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+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.d.ts

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

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

@@ -1,11 +1,11 @@
-export interface AlertItem {
-  message: string
-  statusCode?: number
-  statusMessage?: string
-  alertLocation?: string
-  alertType?: 'error' | 'success' | 'warning' | 'info' | undefined
-  alertIcon?: string
-  alertDateTime?: number
-  alertExpireIn?: number
-  data?: object
-}
+export interface AlertItem {
+  message: string
+  statusCode?: number
+  statusMessage?: string
+  alertLocation?: string
+  alertType?: 'error' | 'success' | 'warning' | 'info' | undefined
+  alertIcon?: string
+  alertDateTime?: number
+  alertExpireIn?: number
+  data?: object
+}