@ramathibodi/nuxt-commons 0.1.14 → 0.1.16

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

@@ -1,159 +1,159 @@
-<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'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {
-  fuzzy?: boolean
-  groupKey: string
-  lang?: 'TH' | 'EN'
-  fields?: string[]
-  noDataText?: string
-  filterText?: string
-  waitForFilter?: boolean
-  waitForFilterText?: string
-  modelValue?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  fuzzy: true,
-  noDataText: 'ไม่พบข้อมูล',
-  lang: 'TH',
-  waitForFilter: false,
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-const masterItems = ref<Array<any>>([])
-const items = ref<Array<any>>([])
-const selectedItem = ref<any>()
-
-const searchData = ref<string>('')
-
-const isLoading = ref(false)
-const isErrorLoading = ref(false)
-
-function query(groupKey: string, filterText: string | undefined) {
-  let operation = 'masterItemByGroupKey'
-
-  const variables: Record<string, any> = { groupKey: { value: groupKey, required: true } }
-  if (filterText) {
-    variables['filterText'] = { value: filterText }
-    operation = 'masterItemByGroupKeyAndFilterText'
-  }
-
-  let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
-  if (props.fields) fields = concat(fields, props.fields)
-
-  isLoading.value = true
-
-  useGraphQl().queryPromise(operation, fields, variables).then((result: any) => {
-    masterItems.value = result
-    items.value = result
-    isErrorLoading.value = false
-  }).catch((error) => {
-    console.log(error)
-    isErrorLoading.value = true
-  }).finally(() => {
-    isLoading.value = false
-  })
-}
-
-watch(() => props.waitForFilter && !props.filterText, (newValue) => {
-  if (newValue) {
-    masterItems.value = []
-    items.value = []
-    selectedItem.value = undefined
-  }
-  else {
-    query(props.groupKey, props.filterText)
-  }
-}, { immediate: true })
-
-watch(() => props.modelValue, (newValue) => {
-  selectedItem.value = newValue
-}, { immediate: true })
-
-watch(selectedItem, (newValue) => {
-  emit('update:modelValue', newValue)
-})
-
-async function fuzzySearch() {
-  if (props.fuzzy) {
-    if (isEmpty(searchData.value)) {
-      items.value = masterItems.value
-    }
-    else {
-      let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
-      if (props.fields) fields = concat(fields, props.fields)
-
-      const results: any = useFuzzy(searchData.value, masterItems.value, fields)
-      items.value = []
-      if (results.value.length) {
-        for (let i = 0; results.value.length > i; i++) {
-          if (results.value[i].item) items.value.push(results.value[i].item)
-        }
-      }
-    }
-  }
-}
-
-watchDebounced(searchData, fuzzySearch, { debounce: 1000, maxWait: 5000 })
-
-const itemTitleField = computed(() => {
-  if (props.lang == 'TH') return 'itemValue'
-  else return 'itemValueAlternative'
-})
-
-const computedNoDataText = computed(() => {
-  if (props.waitForFilter && !props.filterText) return props.waitForFilterText
-  return props.noDataText
-})
-</script>
-
-<template>
-  <v-autocomplete
-    v-model="selectedItem"
-    v-model:search="searchData"
-    v-bind="$attrs"
-    :items="items"
-    :no-filter="props.fuzzy"
-    :item-title="itemTitleField"
-    item-value="itemCode"
-    :no-data-text="computedNoDataText"
-    :loading="isLoading"
-  >
-    <!-- @ts-ignore -->
-    <template
-      v-for="(_, name, index) in ($slots as {})"
-      :key="index"
-      #[name]="slotData"
-    >
-      <slot
-        :name="name"
-        v-bind="((slotData || {}) as object)"
-        :operation="operation"
-      />
-    </template>
-    <template
-      v-if="!$slots.item"
-      #item="{ props, item }"
-    >
-      <v-list-item
-        v-bind="props"
-        :title="item.title || item.raw.itemValue || item.raw.itemCode"
-      />
-    </template>
-    <template
-      v-if="isErrorLoading"
-      #append
-    >
-      <v-icon color="error">
-        mdi mdi-alert
-      </v-icon>
-    </template>
-  </v-autocomplete>
-</template>
+<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'
+
+interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {
+  fuzzy?: boolean
+  groupKey: string
+  lang?: 'TH' | 'EN'
+  fields?: string[]
+  noDataText?: string
+  filterText?: string
+  waitForFilter?: boolean
+  waitForFilterText?: string
+  modelValue?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  fuzzy: true,
+  noDataText: 'ไม่พบข้อมูล',
+  lang: 'TH',
+  waitForFilter: false,
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const masterItems = ref<Array<any>>([])
+const items = ref<Array<any>>([])
+const selectedItem = ref<any>()
+
+const searchData = ref<string>('')
+
+const isLoading = ref(false)
+const isErrorLoading = ref(false)
+
+function query(groupKey: string, filterText: string | undefined) {
+  let operation = 'masterItemByGroupKey'
+
+  const variables: Record<string, any> = { groupKey: { value: groupKey, required: true } }
+  if (filterText) {
+    variables['filterText'] = { value: filterText }
+    operation = 'masterItemByGroupKeyAndFilterText'
+  }
+
+  let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
+  if (props.fields) fields = concat(fields, props.fields)
+
+  isLoading.value = true
+
+  useGraphQl().queryPromise(operation, fields, variables).then((result: any) => {
+    masterItems.value = result
+    items.value = result
+    isErrorLoading.value = false
+  }).catch((error) => {
+    console.log(error)
+    isErrorLoading.value = true
+  }).finally(() => {
+    isLoading.value = false
+  })
+}
+
+watch(() => props.waitForFilter && !props.filterText, (newValue) => {
+  if (newValue) {
+    masterItems.value = []
+    items.value = []
+    selectedItem.value = undefined
+  }
+  else {
+    query(props.groupKey, props.filterText)
+  }
+}, { immediate: true })
+
+watch(() => props.modelValue, (newValue) => {
+  selectedItem.value = newValue
+}, { immediate: true })
+
+watch(selectedItem, (newValue) => {
+  emit('update:modelValue', newValue)
+})
+
+async function fuzzySearch() {
+  if (props.fuzzy) {
+    if (isEmpty(searchData.value)) {
+      items.value = masterItems.value
+    }
+    else {
+      let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
+      if (props.fields) fields = concat(fields, props.fields)
+
+      const results: any = useFuzzy(searchData.value, masterItems.value, fields)
+      items.value = []
+      if (results.value.length) {
+        for (let i = 0; results.value.length > i; i++) {
+          if (results.value[i].item) items.value.push(results.value[i].item)
+        }
+      }
+    }
+  }
+}
+
+watchDebounced(searchData, fuzzySearch, { debounce: 1000, maxWait: 5000 })
+
+const itemTitleField = computed(() => {
+  if (props.lang == 'TH') return 'itemValue'
+  else return 'itemValueAlternative'
+})
+
+const computedNoDataText = computed(() => {
+  if (props.waitForFilter && !props.filterText) return props.waitForFilterText
+  return props.noDataText
+})
+</script>
+
+<template>
+  <v-autocomplete
+    v-model="selectedItem"
+    v-model:search="searchData"
+    v-bind="$attrs"
+    :items="items"
+    :no-filter="props.fuzzy"
+    :item-title="itemTitleField"
+    item-value="itemCode"
+    :no-data-text="computedNoDataText"
+    :loading="isLoading"
+  >
+    <!-- @ts-ignore -->
+    <template
+      v-for="(_, name, index) in ($slots as {})"
+      :key="index"
+      #[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="((slotData || {}) as object)"
+        :operation="operation"
+      />
+    </template>
+    <template
+      v-if="!$slots.item"
+      #item="{ props, item }"
+    >
+      <v-list-item
+        v-bind="props"
+        :title="item.title || item.raw.itemValue || item.raw.itemCode"
+      />
+    </template>
+    <template
+      v-if="isErrorLoading"
+      #append
+    >
+      <v-icon color="error">
+        mdi mdi-alert
+      </v-icon>
+    </template>
+  </v-autocomplete>
+</template>

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

@@ -1,86 +1,86 @@
-<script setup lang="ts">
-import {VCombobox} from 'vuetify/components/VCombobox'
-import {computed, ref, watch} from 'vue'
-import {concat} from 'lodash-es'
-import {useAlert} from '../../composables/alert'
-import {useGraphQl} from '../../composables/graphql'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {
-  modelValue?: string
-  groupKey: string
-  fields?: string[]
-  lang?: 'TH' | 'EN'
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  lang: 'TH',
-})
-
-const emit = defineEmits(['update:modelValue'])
-const items = ref<Array<any>>([])
-const alert = useAlert()
-const selectedItem = ref<any>()
-function query() {
-  const variables: Record<string, any> = { groupKey: { value: props.groupKey, required: true } }
-  let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
-  if (props.fields) fields = concat(fields, props.fields)
-
-  useGraphQl().queryPromise('masterItemByGroupKey', fields, variables).then((result: any) => {
-    items.value = result
-  }).catch((error) => {
-    alert?.addAlert({
-      message: `${error.message}`,
-      alertType: 'error',
-    })
-  })
-}
-
-watch(() => props.groupKey, () => {
-  query()
-}, { immediate: true })
-
-watch(selectedItem, (newValue) => {
-  emit('update:modelValue', newValue.itemCode)
-})
-
-const itemTitleField = computed(() => {
-  if (props.lang == 'TH') return 'itemValue'
-  else return 'itemValueAlternative'
-})
-
-query()
-</script>
-
-<template>
-  <v-combobox
-    v-model="selectedItem"
-    :items="items"
-    :item-title="itemTitleField"
-    item-value="itemCode"
-  >
-    <template
-      v-for="(_, name, index) in ($slots as {})"
-      :key="index"
-      #[name]="slotData"
-    >
-      <slot
-        :name="name"
-        v-bind="((slotData || {}) as object)"
-        :operation="operation"
-      />
-    </template>
-    <template
-      v-if="!$slots.item"
-      #item="{ props, item }"
-    >
-      <v-list-item
-        v-bind="props"
-        :title="item.raw.itemValue"
-      />
-    </template>
-  </v-combobox>
-</template>
-
+<script setup lang="ts">
+import {VCombobox} from 'vuetify/components/VCombobox'
+import {computed, ref, watch} from 'vue'
+import {concat} from 'lodash-es'
+import {useAlert} from '../../composables/alert'
+import {useGraphQl} from '../../composables/graphql'
+
+interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {
+  modelValue?: string
+  groupKey: string
+  fields?: string[]
+  lang?: 'TH' | 'EN'
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  lang: 'TH',
+})
+
+const emit = defineEmits(['update:modelValue'])
+const items = ref<Array<any>>([])
+const alert = useAlert()
+const selectedItem = ref<any>()
+function query() {
+  const variables: Record<string, any> = { groupKey: { value: props.groupKey, required: true } }
+  let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
+  if (props.fields) fields = concat(fields, props.fields)
+
+  useGraphQl().queryPromise('masterItemByGroupKey', fields, variables).then((result: any) => {
+    items.value = result
+  }).catch((error) => {
+    alert?.addAlert({
+      message: `${error.message}`,
+      alertType: 'error',
+    })
+  })
+}
+
+watch(() => props.groupKey, () => {
+  query()
+}, { immediate: true })
+
+watch(selectedItem, (newValue) => {
+  emit('update:modelValue', newValue.itemCode)
+})
+
+const itemTitleField = computed(() => {
+  if (props.lang == 'TH') return 'itemValue'
+  else return 'itemValueAlternative'
+})
+
+query()
+</script>
+
+<template>
+  <v-combobox
+    v-model="selectedItem"
+    :items="items"
+    :item-title="itemTitleField"
+    item-value="itemCode"
+  >
+    <template
+      v-for="(_, name, index) in ($slots as {})"
+      :key="index"
+      #[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="((slotData || {}) as object)"
+        :operation="operation"
+      />
+    </template>
+    <template
+      v-if="!$slots.item"
+      #item="{ props, item }"
+    >
+      <v-list-item
+        v-bind="props"
+        :title="item.raw.itemValue"
+      />
+    </template>
+  </v-combobox>
+</template>
+
 <style scoped>
 
-</style>
+</style>

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

@@ -1,78 +1,78 @@
-<script lang="ts" setup>
-import {VRadioGroup} from 'vuetify/components/VRadioGroup'
-import {computed, ref, watch} from 'vue'
-import {concat} from 'lodash-es'
-import {useAlert} from '../../composables/alert'
-import {useGraphQl} from '../../composables/graphql'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VRadioGroup['$props']> {
-  returnObject?: boolean
-  groupKey: string
-  modelValue?: any
-  fields?: string[]
-  lang?: 'TH' | 'EN'
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  lang: 'TH',
-})
-const emit = defineEmits(['update:modelValue'])
-const items: any = ref([])
-const value = ref()
-const alert = useAlert()
-const query = () => {
-  const variables = { groupKey: {
-    name: 'groupKey',
-    type: 'String!',
-    value: props.groupKey,
-  } }
-  let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
-  if (props.fields) fields = concat(fields, props.fields)
-
-  useGraphQl().queryPromise('masterItemByGroupKey', fields, variables).then((result: any) => {
-    items.value = result
-  }).catch((error) => {
-    alert?.addAlert({
-      message: `${error.message}`,
-      alertType: 'error',
-    })
-  })
-}
-query()
-
-watch(() => props.modelValue, (newValue) => {
-  value.value = props.modelValue
-}, { deep: true, immediate: true })
-
-const itemTitleField = computed(() => {
-  if (props.lang == 'TH') return 'itemValue'
-  else return 'itemValueAlternative'
-})
-</script>
-
-<template>
-  <v-radio-group
-    v-model="value"
-    v-bind="$attrs"
-    @update:model-value="emit('update:modelValue', value.value)"
-  >
-    <template
-      v-for="(_, name, index) in ($slots as {})"
-      :key="index"
-      #[name]="slotData"
-    >
-      <slot
-        :name="name"
-        v-bind="((slotData || {}) as object)"
-        :operation="operation"
-      />
-    </template>
-    <v-radio
-      v-for="i in items"
-      :key="i.itemCode"
-      v-bind="$attrs"
-      :label="i[itemTitleField]"
-      :value="returnObject ? i : i.itemCode"
-    />
-  </v-radio-group>
-</template>
+<script lang="ts" setup>
+import {VRadioGroup} from 'vuetify/components/VRadioGroup'
+import {computed, ref, watch} from 'vue'
+import {concat} from 'lodash-es'
+import {useAlert} from '../../composables/alert'
+import {useGraphQl} from '../../composables/graphql'
+
+interface Props extends /* @vue-ignore */ InstanceType<typeof VRadioGroup['$props']> {
+  returnObject?: boolean
+  groupKey: string
+  modelValue?: any
+  fields?: string[]
+  lang?: 'TH' | 'EN'
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  lang: 'TH',
+})
+const emit = defineEmits(['update:modelValue'])
+const items: any = ref([])
+const value = ref()
+const alert = useAlert()
+const query = () => {
+  const variables = { groupKey: {
+    name: 'groupKey',
+    type: 'String!',
+    value: props.groupKey,
+  } }
+  let fields: any[] = ['itemCode', 'itemValue', 'itemValueAlternative']
+  if (props.fields) fields = concat(fields, props.fields)
+
+  useGraphQl().queryPromise('masterItemByGroupKey', fields, variables).then((result: any) => {
+    items.value = result
+  }).catch((error) => {
+    alert?.addAlert({
+      message: `${error.message}`,
+      alertType: 'error',
+    })
+  })
+}
+query()
+
+watch(() => props.modelValue, (newValue) => {
+  value.value = props.modelValue
+}, { deep: true, immediate: true })
+
+const itemTitleField = computed(() => {
+  if (props.lang == 'TH') return 'itemValue'
+  else return 'itemValueAlternative'
+})
+</script>
+
+<template>
+  <v-radio-group
+    v-model="value"
+    v-bind="$attrs"
+    @update:model-value="emit('update:modelValue', value.value)"
+  >
+    <template
+      v-for="(_, name, index) in ($slots as {})"
+      :key="index"
+      #[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="((slotData || {}) as object)"
+        :operation="operation"
+      />
+    </template>
+    <v-radio
+      v-for="i in items"
+      :key="i.itemCode"
+      v-bind="$attrs"
+      :label="i[itemTitleField]"
+      :value="returnObject ? i : i.itemCode"
+    />
+  </v-radio-group>
+</template>