@ramathibodi/nuxt-commons 0.1.13 → 0.1.15

package/dist/runtime/components/FileBtn.vue

@@ -1,62 +1,62 @@
-<script lang="ts" setup>
-import { ref, watch } from 'vue'
-import { VBtn } from 'vuetify/components/VBtn'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
-  accept?: string
-  multiple?: boolean
-  iconOnly?: boolean
-  modelValue?: File | File[] | undefined
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  multiple: false,
-  accept: '*',
-})
-
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: File | File[] | undefined): void
-}>()
-
-const fileInput = ref<HTMLInputElement>()
-const files = ref<File | File[]>()
-
-const openFileInput = () => {
-  fileInput.value?.click()
-}
-
-const reset = () => {
-  files.value = undefined
-}
-
-watch(files, () => {
-  emit('update:modelValue', files.value)
-}, { deep: true })
-
-defineExpose({ reset })
-</script>
-
-<template>
-  <v-btn
-    v-bind="$attrs"
-    @click="openFileInput"
-  >
-    <template
-      v-for="(_, name, index) in ($slots as {})"
-      :key="index"
-      #[name]="slotData"
-    >
-      <slot
-        :name="name"
-        v-bind="(slotData as object)"
-      />
-    </template>
-  </v-btn>
-  <v-file-input
-    ref="fileInput"
-    v-model="files"
-    :accept="props.accept"
-    :multiple="props.multiple"
-    style="display: none"
-  />
-</template>
+<script lang="ts" setup>
+import {ref, watch} from 'vue'
+import {VBtn} from 'vuetify/components/VBtn'
+
+interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
+  accept?: string
+  multiple?: boolean
+  iconOnly?: boolean
+  modelValue?: File | File[] | undefined
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  multiple: false,
+  accept: '*',
+})
+
+const emit = defineEmits<{
+  (event: 'update:modelValue', value: File | File[] | undefined): void
+}>()
+
+const fileInput = ref<HTMLInputElement>()
+const files = ref<File | File[]>()
+
+const openFileInput = () => {
+  fileInput.value?.click()
+}
+
+const reset = () => {
+  files.value = undefined
+}
+
+watch(files, () => {
+  emit('update:modelValue', files.value)
+}, { deep: true })
+
+defineExpose({ reset })
+</script>
+
+<template>
+  <v-btn
+    v-bind="$attrs"
+    @click="openFileInput"
+  >
+    <template
+      v-for="(_, name, index) in ($slots as {})"
+      :key="index"
+      #[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="((slotData || {}) as object)"
+      />
+    </template>
+  </v-btn>
+  <v-file-input
+    ref="fileInput"
+    v-model="files"
+    :accept="props.accept"
+    :multiple="props.multiple"
+    style="display: none"
+  />
+</template>

package/dist/runtime/components/ImportCSV.vue

@@ -1,64 +1,64 @@
-<script lang="ts" setup>
-import * as XLSX from 'xlsx'
-import {ref} from 'vue'
-import {useAlert} from '../composables/alert'
-
-const alert = useAlert()
-const emit = defineEmits<{
-  (e: 'import', value: object[]): void
-}>()
-
-const loading = ref(false)
-const fileBtnRef = ref()
-
-function uploadedFile(files: File[] | File | undefined) {
-  if (!files) return
-
-  if (Array.isArray(files) && files.length != 1) {
-    alert?.addAlert({ message: 'Please select a single file for import', alertType: 'error' })
-    return
-  }
-
-  if (Array.isArray(files)) files = files[0]
-
-  const fileExtension = files.name.slice(files.name.lastIndexOf('.')).toLowerCase()
-  if (!['.xlsx', '.csv'].includes(fileExtension)) {
-    alert?.addAlert({ message: 'Please upload a file with .csv or .xlsx extension only (' + files.name + ')', alertType: 'error' })
-    return
-  }
-
-  const reader = new FileReader()
-  reader.onload = (e: ProgressEvent<FileReader>) => {
-    const workbook = XLSX.read(e.target?.result)
-    emit('import', XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]]))
-    loading.value = false
-    fileBtnRef.value.reset()
-  }
-  loading.value = true
-  reader.readAsArrayBuffer(files)
-}
-</script>
-
-<template>
-  <FileBtn
-    ref="fileBtnRef"
-    v-bind="$attrs"
-    color="primary"
-    :loading="loading"
-    text="Import CSV"
-    accept=".csv, .xlsx"
-    :multiple="false"
-    @update:model-value="uploadedFile"
-  >
-    <template
-      v-for="(_, name, index) in ($slots as {})"
-      :key="index"
-      #[name]="slotData"
-    >
-      <slot
-        :name="name"
-        v-bind="(slotData as object)"
-      />
-    </template>
-  </FileBtn>
-</template>
+<script lang="ts" setup>
+import * as XLSX from 'xlsx'
+import {ref} from 'vue'
+import {useAlert} from '../composables/alert'
+
+const alert = useAlert()
+const emit = defineEmits<{
+  (e: 'import', value: object[]): void
+}>()
+
+const loading = ref(false)
+const fileBtnRef = ref()
+
+function uploadedFile(files: File[] | File | undefined) {
+  if (!files) return
+
+  if (Array.isArray(files) && files.length != 1) {
+    alert?.addAlert({ message: 'Please select a single file for import', alertType: 'error' })
+    return
+  }
+
+  if (Array.isArray(files)) files = files[0]
+
+  const fileExtension = files.name.slice(files.name.lastIndexOf('.')).toLowerCase()
+  if (!['.xlsx', '.csv'].includes(fileExtension)) {
+    alert?.addAlert({ message: 'Please upload a file with .csv or .xlsx extension only (' + files.name + ')', alertType: 'error' })
+    return
+  }
+
+  const reader = new FileReader()
+  reader.onload = (e: ProgressEvent<FileReader>) => {
+    const workbook = XLSX.read(e.target?.result)
+    emit('import', XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]]))
+    loading.value = false
+    fileBtnRef.value.reset()
+  }
+  loading.value = true
+  reader.readAsArrayBuffer(files)
+}
+</script>
+
+<template>
+  <FileBtn
+    ref="fileBtnRef"
+    v-bind="$attrs"
+    color="primary"
+    :loading="loading"
+    text="Import CSV"
+    accept=".csv, .xlsx"
+    :multiple="false"
+    @update:model-value="uploadedFile"
+  >
+    <template
+      v-for="(_, name, index) in ($slots as {})"
+      :key="index"
+      #[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="((slotData || {}) as object)"
+      />
+    </template>
+  </FileBtn>
+</template>

package/dist/runtime/components/SplitterPanel.vue

@@ -1,61 +1,61 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { VCard } from 'vuetify/components/VCard'
-
-const isResizing = ref(false)
-const pane1Width = ref('50%')
-const containerRef = ref<HTMLElement>()
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCard['$props']> {
-  height?: number | string
-}
-const props = defineProps<Props>()
-
-const startResize = () => {
-  isResizing.value = true
-}
-
-const stopResize = () => {
-  isResizing.value = false
-}
-
-const resize = (event: MouseEvent) => {
-  if (isResizing.value && containerRef.value) {
-    const containerRect = containerRef.value.getBoundingClientRect()
-    const newWidth = event.clientX - containerRect.left
-    pane1Width.value = `${(newWidth / containerRect.width) * 100}%`
-  }
-}
-</script>
-
-<template>
-  <v-card :="$attrs">
-    <v-sheet
-      border
-      :height="height"
-    >
-      <div
-        ref="containerRef"
-        class="d-flex"
-        @mouseup="stopResize"
-        @mousemove="resize"
-      >
-        <v-sheet :width="pane1Width">
-          <slot name="left" />
-        </v-sheet>
-        <v-divider
-          :thickness="3"
-          vertical
-          class="cursor-move"
-          @mousedown="startResize"
-        />
-        <v-sheet :width="`calc(100% - ${pane1Width})`">
-          <slot name="right" />
-        </v-sheet>
-      </div>
-    </v-sheet>
-  </v-card>
-</template>
-
+<script setup lang="ts">
+import { ref } from 'vue'
+import { VCard } from 'vuetify/components/VCard'
+
+const isResizing = ref(false)
+const pane1Width = ref('50%')
+const containerRef = ref<HTMLElement>()
+interface Props extends /* @vue-ignore */ InstanceType<typeof VCard['$props']> {
+  height?: number | string
+}
+const props = defineProps<Props>()
+
+const startResize = () => {
+  isResizing.value = true
+}
+
+const stopResize = () => {
+  isResizing.value = false
+}
+
+const resize = (event: MouseEvent) => {
+  if (isResizing.value && containerRef.value) {
+    const containerRect = containerRef.value.getBoundingClientRect()
+    const newWidth = event.clientX - containerRect.left
+    pane1Width.value = `${(newWidth / containerRect.width) * 100}%`
+  }
+}
+</script>
+
+<template>
+  <v-card :="$attrs">
+    <v-sheet
+      border
+      :height="height"
+    >
+      <div
+        ref="containerRef"
+        class="d-flex"
+        @mouseup="stopResize"
+        @mousemove="resize"
+      >
+        <v-sheet :width="pane1Width">
+          <slot name="left" />
+        </v-sheet>
+        <v-divider
+          :thickness="3"
+          vertical
+          class="cursor-move"
+          @mousedown="startResize"
+        />
+        <v-sheet :width="`calc(100% - ${pane1Width})`">
+          <slot name="right" />
+        </v-sheet>
+      </div>
+    </v-sheet>
+  </v-card>
+</template>
+
 <style scoped>
 
-</style>
+</style>

package/dist/runtime/components/TabsGroup.vue

@@ -1,32 +1,32 @@
-<script lang="ts" setup>
-import {ref} from 'vue'
-import {VTabs} from 'vuetify/components'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VTabs['$props']> {
-  flat?: boolean
-}
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = defineProps<Props>()
-const currentTab = ref<string | number>()
-</script>
-
-<template>
-  <v-card :flat="props.flat">
-    <v-tabs
-      v-bind="$attrs"
-      v-model="currentTab"
-      show-arrows
-    >
-      <slot name="tabs" />
-    </v-tabs>
-    <v-card-text>
-      <v-tabs-window v-model="currentTab">
-        <slot name="items" />
-      </v-tabs-window>
-    </v-card-text>
-  </v-card>
-</template>
+<script lang="ts" setup>
+import {ref} from 'vue'
+import {VTabs} from 'vuetify/components'
+
+interface Props extends /* @vue-ignore */ InstanceType<typeof VTabs['$props']> {
+  flat?: boolean
+}
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = defineProps<Props>()
+const currentTab = ref<string | number>()
+</script>
+
+<template>
+  <v-card :flat="props.flat">
+    <v-tabs
+      v-bind="$attrs"
+      v-model="currentTab"
+      show-arrows
+    >
+      <slot name="tabs" />
+    </v-tabs>
+    <v-card-text>
+      <v-tabs-window v-model="currentTab">
+        <slot name="items" />
+      </v-tabs-window>
+    </v-card-text>
+  </v-card>
+</template>

package/dist/runtime/components/TextBarcode.vue

@@ -1,52 +1,52 @@
-<script lang="ts" setup>
-import { ref, watch } from 'vue'
-import { useAlert } from '../composables/alert'
-
-interface Props {
-  modelValue?: string
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: string | undefined): void
-}>()
-const alert = useAlert()
-
-const scanCode = ref<boolean>(false)
-const currentValue = ref<string>()
-
-const handleData = (data: string) => {
-  currentValue.value = data
-  scanCode.value = false
-}
-
-const handleError = (error: string | unknown) => {
-  alert?.addAlert({ message: error as string, alertType: 'error' })
-}
-
-watch(() => props.modelValue, () => {
-  currentValue.value = props.modelValue
-}, { immediate: true })
-
-watch(currentValue, (newValue) => {
-  emit('update:modelValue', newValue)
-})
-</script>
-
-<template>
-  <v-text-field
-    v-model="currentValue"
-    v-bind="$attrs"
-    append-inner-icon="mdi mdi-qrcode-scan"
-    @click:append-inner="scanCode = true"
-  />
-  <v-dialog
-    v-model="scanCode"
-    width="auto"
-  >
-    <BarcodeReader
-      @decode="handleData"
-      @error="handleError"
-    />
-  </v-dialog>
-</template>
+<script lang="ts" setup>
+import { ref, watch } from 'vue'
+import { useAlert } from '../composables/alert'
+
+interface Props {
+  modelValue?: string
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits<{
+  (event: 'update:modelValue', value: string | undefined): void
+}>()
+const alert = useAlert()
+
+const scanCode = ref<boolean>(false)
+const currentValue = ref<string>()
+
+const handleData = (data: string) => {
+  currentValue.value = data
+  scanCode.value = false
+}
+
+const handleError = (error: string | unknown) => {
+  alert?.addAlert({ message: error as string, alertType: 'error' })
+}
+
+watch(() => props.modelValue, () => {
+  currentValue.value = props.modelValue
+}, { immediate: true })
+
+watch(currentValue, (newValue) => {
+  emit('update:modelValue', newValue)
+})
+</script>
+
+<template>
+  <v-text-field
+    v-model="currentValue"
+    v-bind="$attrs"
+    append-inner-icon="mdi mdi-qrcode-scan"
+    @click:append-inner="scanCode = true"
+  />
+  <v-dialog
+    v-model="scanCode"
+    width="auto"
+  >
+    <BarcodeReader
+      @decode="handleData"
+      @error="handleError"
+    />
+  </v-dialog>
+</template>