@ramathibodi/nuxt-commons 0.1.14 → 0.1.15

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/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
+}

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

@@ -1,4 +1,4 @@
-export interface FormDialogCallback {
-  done: Function
-  error: Function
-}
+export interface FormDialogCallback {
+  done: Function
+  error: Function
+}

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

@@ -1,23 +1,23 @@
-export interface graphqlVariable {
-  name: string
-  list?: boolean
-  required?: boolean
-  type?: string
-  value?: any
-}
-export interface graphqlOperationObject<T, U> {
-  variables?: graphqlVariable[]
-  fields?: graphqlTypeObject
-  operationType: 'Query' | 'Mutation'
-  name: string
-  call: (fields?: Array<string | Object>, variables?: U) => Promise<T>
-}
-
-export interface graphqlTypeObject {
-  fields: string[]
-  relations: graphqlVariable[]
-}
-
-export interface graphqlInputObject {
-  variables: graphqlVariable[]
-}
+export interface graphqlVariable {
+  name: string
+  list?: boolean
+  required?: boolean
+  type?: string
+  value?: any
+}
+export interface graphqlOperationObject<T, U> {
+  variables?: graphqlVariable[]
+  fields?: graphqlTypeObject
+  operationType: 'Query' | 'Mutation'
+  name: string
+  call: (fields?: Array<string | Object>, variables?: U) => Promise<T>
+}
+
+export interface graphqlTypeObject {
+  fields: string[]
+  relations: graphqlVariable[]
+}
+
+export interface graphqlInputObject {
+  variables: graphqlVariable[]
+}

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

@@ -1,25 +1,25 @@
-declare module '#app' {
-  interface PageMeta {
-    menuItem?: MenuMeta
-  }
-}
-
-declare global {
-  interface MenuMeta {
-    title: string
-    icon: string
-    role: string
-  }
-
-  interface MenuItem {
-    title: string
-    icon: string
-    role: string
-    link: any
-    menuItems: Array<MenuItem>
-    active: boolean
-    name: string
-  }
-}
-
-export { MenuMeta, MenuItem }
+declare module '#app' {
+  interface PageMeta {
+    menuItem?: MenuMeta
+  }
+}
+
+declare global {
+  interface MenuMeta {
+    title: string
+    icon: string
+    role: string
+  }
+
+  interface MenuItem {
+    title: string
+    icon: string
+    role: string
+    link: any
+    menuItems: Array<MenuItem>
+    active: boolean
+    name: string
+  }
+}
+
+export { MenuMeta, MenuItem }

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

@@ -1,7 +1,7 @@
-declare module 'painterro';
-declare module '@zxing/browser'
-declare module 'vue-signature-pad'
-declare module 'accounting'
-declare module 'pdf-vue3'
-declare module 'prettier'
-declare module 'prettier/plugins/html'
+declare module 'painterro';
+declare module '@zxing/browser'
+declare module 'vue-signature-pad'
+declare module 'accounting'
+declare module 'pdf-vue3'
+declare module 'prettier'
+declare module 'prettier/plugins/html'