@finema/core 1.4.52 → 1.4.53

package/dist/runtime/components/Button/index.vue

@@ -1,77 +1,77 @@
-<template>
-  <UButton v-bind="$props">
-    <template #leading><slot name="leading" :disabled="disabled" :loading="loading" /></template>
-    <slot />
-    <template #trailing><slot name="trailing" :disabled="disabled" :loading="loading" /></template>
-  </UButton>
-</template>
-
-<script lang="ts" setup>
-import { type PropType } from '#imports'
-import { type ButtonSize, type ButtonColor, type ButtonVariant } from '#ui/types/button'
-import { type Strategy } from '#core/types/utils'
-import { type button } from '#ui/ui.config'
-import { UButton } from '#components'
-
-defineProps({
-  ...UButton.props,
-  label: {
-    type: String,
-  },
-  type: {
-    type: String as PropType<'button' | 'submit' | 'reset'>,
-  },
-  block: {
-    type: Boolean,
-  },
-  loading: {
-    type: Boolean,
-  },
-  disabled: {
-    type: Boolean,
-  },
-  padded: {
-    type: Boolean,
-    default: true,
-  },
-  size: {
-    type: String as PropType<ButtonSize>,
-  },
-  color: {
-    type: String as PropType<ButtonColor>,
-  },
-  variant: {
-    type: String as PropType<ButtonVariant>,
-  },
-  loadingIcon: {
-    type: String,
-  },
-  icon: {
-    type: String,
-  },
-  leadingIcon: {
-    type: String,
-  },
-  trailingIcon: {
-    type: String,
-  },
-  trailing: {
-    type: Boolean,
-  },
-  leading: {
-    type: Boolean,
-  },
-  square: {
-    type: Boolean,
-  },
-  truncate: {
-    type: Boolean,
-  },
-  class: {
-    type: [String, Array, Object] as PropType<any>,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof button & { strategy?: Strategy }>>,
-  },
-})
-</script>
+<template>
+  <UButton v-bind="$props">
+    <template #leading><slot name="leading" :disabled="disabled" :loading="loading" /></template>
+    <slot />
+    <template #trailing><slot name="trailing" :disabled="disabled" :loading="loading" /></template>
+  </UButton>
+</template>
+
+<script lang="ts" setup>
+import { type PropType } from '#imports'
+import { type ButtonSize, type ButtonColor, type ButtonVariant } from '#ui/types/button'
+import { type Strategy } from '#core/types/utils'
+import { type button } from '#ui/ui.config'
+import { UButton } from '#components'
+
+defineProps({
+  ...UButton.props,
+  label: {
+    type: String,
+  },
+  type: {
+    type: String as PropType<'button' | 'submit' | 'reset'>,
+  },
+  block: {
+    type: Boolean,
+  },
+  loading: {
+    type: Boolean,
+  },
+  disabled: {
+    type: Boolean,
+  },
+  padded: {
+    type: Boolean,
+    default: true,
+  },
+  size: {
+    type: String as PropType<ButtonSize>,
+  },
+  color: {
+    type: String as PropType<ButtonColor>,
+  },
+  variant: {
+    type: String as PropType<ButtonVariant>,
+  },
+  loadingIcon: {
+    type: String,
+  },
+  icon: {
+    type: String,
+  },
+  leadingIcon: {
+    type: String,
+  },
+  trailingIcon: {
+    type: String,
+  },
+  trailing: {
+    type: Boolean,
+  },
+  leading: {
+    type: Boolean,
+  },
+  square: {
+    type: Boolean,
+  },
+  truncate: {
+    type: Boolean,
+  },
+  class: {
+    type: [String, Array, Object] as PropType<any>,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof button & { strategy?: Strategy }>>,
+  },
+})
+</script>

package/dist/runtime/components/Card.vue

@@ -1,38 +1,38 @@
-<template>
-  <UCard v-bind="attrs" :class="$props.class" :as="as" :ui="ui">
-    <template #header>
-      <slot name="header" />
-    </template>
-
-    <slot />
-
-    <template #footer>
-      <slot name="footer" />
-    </template>
-  </UCard>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import type { Strategy } from '#core/types/utils'
-import { card } from '#core/ui.config'
-
-const config = useUiConfig<typeof card>(card, 'card')
-
-const props = defineProps({
-  as: {
-    type: String,
-    default: 'div',
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const { ui, attrs } = useUI('card', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UCard v-bind="attrs" :class="$props.class" :as="as" :ui="ui">
+    <template #header>
+      <slot name="header" />
+    </template>
+
+    <slot />
+
+    <template #footer>
+      <slot name="footer" />
+    </template>
+  </UCard>
+</template>
+
+<script setup lang="ts">
+import { useUiConfig, type PropType, useUI, toRef } from '#imports'
+import type { Strategy } from '#core/types/utils'
+import { card } from '#core/ui.config'
+
+const config = useUiConfig<typeof card>(card, 'card')
+
+const props = defineProps({
+  as: {
+    type: String,
+    default: 'div',
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const { ui, attrs } = useUI('card', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

package/dist/runtime/components/Core.vue

@@ -1,13 +1,13 @@
-<template>
-  <NuxtLoadingIndicator :color="color" />
-  <Dialog />
-  <UNotifications />
-</template>
-<script lang="ts" setup>
-defineProps({
-  color: {
-    type: String,
-    default: '#3675FB',
-  },
-})
-</script>
+<template>
+  <NuxtLoadingIndicator :color="color" />
+  <Dialog />
+  <UNotifications />
+</template>
+<script lang="ts" setup>
+defineProps({
+  color: {
+    type: String,
+    default: '#3675FB',
+  },
+})
+</script>

package/dist/runtime/components/Dialog/index.vue

@@ -1,108 +1,108 @@
-<template>
-  <Modal
-    v-if="dialog.meta?.type"
-    v-model="dialog.isShow"
-    :ui="{
-      innerWrapper: 'p-6',
-    }"
-    is-hide-close-btn
-    prevent-close
-  >
-    <UNotification
-      :ui="{
-        padding: '',
-        shadow: '',
-        ring: '',
-        icon: {
-          base: 'flex-shrink-0 w-10 h-10',
-        },
-      }"
-      :icon="getIcon"
-      :description="dialog.meta?.description"
-      :timeout="0"
-      :title="dialog.meta?.title"
-      :color="getColor"
-      close-button=""
-    />
-    <div :class="[uiConfig.actionGroup.wrapper]">
-      <Button
-        v-if="dialog.meta?.isShowCancelBtn"
-        :color="uiConfig.actionGroup.cancelColor"
-        :variant="uiConfig.actionGroup.cancelVariant"
-        type="button"
-        @click="dialog.closeDialogCancel"
-      >
-        {{ dialog.meta?.cancelText || 'ยกเลิก' }}
-      </Button>
-      <Button
-        :color="uiConfig.actionGroup.confirmColor"
-        :variant="uiConfig.actionGroup.confirmVariant"
-        :class="[
-          {
-            'btn-success': dialog.meta?.type === DialogType.SUCCESS,
-            'btn-danger': dialog.meta?.type === DialogType.ERROR,
-            'btn-info': dialog.meta?.type === DialogType.INFO,
-            'btn-warning': dialog.meta?.type === DialogType.WARNING,
-            'mr-3': dialog.meta.isShowCancelBtn,
-          },
-        ]"
-        @click="dialog.closeDialogProceed"
-      >
-        {{ dialog.meta?.confirmText || 'ตกลง' }}
-      </Button>
-    </div>
-  </Modal>
-</template>
-<script lang="tsx" setup>
-import { DialogType, useDialog } from '#core/composables/useDialog'
-import { computed } from 'vue'
-import { useUiConfig } from '#core/composables/useConfig'
-import { notification } from '#core/ui.config/notification'
-
-const dialog = useDialog()
-const uiConfig = useUiConfig<typeof notification>(notification, 'notification')
-
-const getColor = computed(() => {
-  if (dialog.meta?.type === DialogType.SUCCESS) {
-    return 'success'
-  }
-
-  if (dialog.meta?.type === DialogType.ERROR) {
-    return 'danger'
-  }
-
-  if (dialog.meta?.type === DialogType.INFO) {
-    return 'info'
-  }
-
-  if (dialog.meta?.type === DialogType.WARNING) {
-    return 'warning'
-  }
-
-  return ''
-})
-
-const getIcon = computed(() => {
-  if (dialog.meta?.isHideIcon) {
-    return ''
-  }
-
-  if (dialog.meta?.type === DialogType.SUCCESS) {
-    return 'i-heroicons-check-circle'
-  }
-
-  if (dialog.meta?.type === DialogType.ERROR) {
-    return 'i-heroicons-x-circle'
-  }
-
-  if (dialog.meta?.type === DialogType.INFO) {
-    return 'i-heroicons-information-circle'
-  }
-
-  if (dialog.meta?.type === DialogType.WARNING) {
-    return 'i-heroicons-exclamation-circle'
-  }
-
-  return ''
-})
-</script>
+<template>
+  <Modal
+    v-if="dialog.meta?.type"
+    v-model="dialog.isShow"
+    :ui="{
+      innerWrapper: 'p-6',
+    }"
+    is-hide-close-btn
+    prevent-close
+  >
+    <UNotification
+      :ui="{
+        padding: '',
+        shadow: '',
+        ring: '',
+        icon: {
+          base: 'flex-shrink-0 w-10 h-10',
+        },
+      }"
+      :icon="getIcon"
+      :description="dialog.meta?.description"
+      :timeout="0"
+      :title="dialog.meta?.title"
+      :color="getColor"
+      close-button=""
+    />
+    <div :class="[uiConfig.actionGroup.wrapper]">
+      <Button
+        v-if="dialog.meta?.isShowCancelBtn"
+        :color="uiConfig.actionGroup.cancelColor"
+        :variant="uiConfig.actionGroup.cancelVariant"
+        type="button"
+        @click="dialog.closeDialogCancel"
+      >
+        {{ dialog.meta?.cancelText || 'ยกเลิก' }}
+      </Button>
+      <Button
+        :color="uiConfig.actionGroup.confirmColor"
+        :variant="uiConfig.actionGroup.confirmVariant"
+        :class="[
+          {
+            'btn-success': dialog.meta?.type === DialogType.SUCCESS,
+            'btn-danger': dialog.meta?.type === DialogType.ERROR,
+            'btn-info': dialog.meta?.type === DialogType.INFO,
+            'btn-warning': dialog.meta?.type === DialogType.WARNING,
+            'mr-3': dialog.meta.isShowCancelBtn,
+          },
+        ]"
+        @click="dialog.closeDialogProceed"
+      >
+        {{ dialog.meta?.confirmText || 'ตกลง' }}
+      </Button>
+    </div>
+  </Modal>
+</template>
+<script lang="tsx" setup>
+import { DialogType, useDialog } from '#core/composables/useDialog'
+import { computed } from 'vue'
+import { useUiConfig } from '#core/composables/useConfig'
+import { notification } from '#core/ui.config/notification'
+
+const dialog = useDialog()
+const uiConfig = useUiConfig<typeof notification>(notification, 'notification')
+
+const getColor = computed(() => {
+  if (dialog.meta?.type === DialogType.SUCCESS) {
+    return 'success'
+  }
+
+  if (dialog.meta?.type === DialogType.ERROR) {
+    return 'danger'
+  }
+
+  if (dialog.meta?.type === DialogType.INFO) {
+    return 'info'
+  }
+
+  if (dialog.meta?.type === DialogType.WARNING) {
+    return 'warning'
+  }
+
+  return ''
+})
+
+const getIcon = computed(() => {
+  if (dialog.meta?.isHideIcon) {
+    return ''
+  }
+
+  if (dialog.meta?.type === DialogType.SUCCESS) {
+    return 'i-heroicons-check-circle'
+  }
+
+  if (dialog.meta?.type === DialogType.ERROR) {
+    return 'i-heroicons-x-circle'
+  }
+
+  if (dialog.meta?.type === DialogType.INFO) {
+    return 'i-heroicons-information-circle'
+  }
+
+  if (dialog.meta?.type === DialogType.WARNING) {
+    return 'i-heroicons-exclamation-circle'
+  }
+
+  return ''
+})
+</script>

package/dist/runtime/components/Dropdown/index.vue

@@ -1,71 +1,71 @@
-<template>
-  <UDropdown
-    v-bind="attrs"
-    :class="$props.class"
-    :items="items"
-    :mode="mode"
-    :open-delay="openDelay"
-    :close-delay="closeDelay"
-    :popper="{ placement: placement, arrow: arrow, offsetDistance: offset }"
-    :ui="ui"
-  >
-    <slot />
-
-    <template v-for="(_, slot) of $slots" #[slot]="slotProps">
-      <slot :name="slot" v-bind="slotProps || {}" />
-    </template>
-  </UDropdown>
-</template>
-
-<script lang="ts" setup>
-import { type PropType, useUiConfig, useUI, toRef } from '#imports'
-import { type DropdownItem } from '#ui/types'
-import type { Strategy } from '#core/types/utils'
-import { dropdown } from '#ui/ui.config'
-import { DropdownPlacementArray, type DropdownPlacement } from './types'
-
-const config = useUiConfig<typeof dropdown>(dropdown, 'dropdown')
-
-const props = defineProps({
-  items: {
-    type: Array as PropType<DropdownItem[][]>,
-    default: () => [],
-  },
-  mode: {
-    type: String as PropType<'click' | 'hover'>,
-    default: 'click',
-    validator: (value: string) => ['click', 'hover'].includes(value),
-  },
-  arrow: {
-    type: Boolean,
-    default: false,
-  },
-  offset: {
-    type: Number,
-    default: 10,
-  },
-  openDelay: {
-    type: Number,
-    default: 0,
-  },
-  closeDelay: {
-    type: Number,
-    default: 0,
-  },
-  placement: {
-    type: String as PropType<DropdownPlacement>,
-    default: 'bottom-start',
-    validator: (value: DropdownPlacement) => DropdownPlacementArray.includes(value),
-  },
-  class: {
-    type: [String, Array, Object] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config & { strategy?: Strategy }>>,
-    default: () => ({}),
-  },
-})
-
-const { ui, attrs } = useUI('dropdown', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UDropdown
+    v-bind="attrs"
+    :class="$props.class"
+    :items="items"
+    :mode="mode"
+    :open-delay="openDelay"
+    :close-delay="closeDelay"
+    :popper="{ placement: placement, arrow: arrow, offsetDistance: offset }"
+    :ui="ui"
+  >
+    <slot />
+
+    <template v-for="(_, slot) of $slots" #[slot]="slotProps">
+      <slot :name="slot" v-bind="slotProps || {}" />
+    </template>
+  </UDropdown>
+</template>
+
+<script lang="ts" setup>
+import { type PropType, useUiConfig, useUI, toRef } from '#imports'
+import { type DropdownItem } from '#ui/types'
+import type { Strategy } from '#core/types/utils'
+import { dropdown } from '#ui/ui.config'
+import { DropdownPlacementArray, type DropdownPlacement } from './types'
+
+const config = useUiConfig<typeof dropdown>(dropdown, 'dropdown')
+
+const props = defineProps({
+  items: {
+    type: Array as PropType<DropdownItem[][]>,
+    default: () => [],
+  },
+  mode: {
+    type: String as PropType<'click' | 'hover'>,
+    default: 'click',
+    validator: (value: string) => ['click', 'hover'].includes(value),
+  },
+  arrow: {
+    type: Boolean,
+    default: false,
+  },
+  offset: {
+    type: Number,
+    default: 10,
+  },
+  openDelay: {
+    type: Number,
+    default: 0,
+  },
+  closeDelay: {
+    type: Number,
+    default: 0,
+  },
+  placement: {
+    type: String as PropType<DropdownPlacement>,
+    default: 'bottom-start',
+    validator: (value: DropdownPlacement) => DropdownPlacementArray.includes(value),
+  },
+  class: {
+    type: [String, Array, Object] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config & { strategy?: Strategy }>>,
+    default: () => ({}),
+  },
+})
+
+const { ui, attrs } = useUI('dropdown', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

package/dist/runtime/components/Form/FieldWrapper.vue

@@ -1,23 +1,23 @@
-<template>
-  <UFormGroup
-    :label="label"
-    :name="name"
-    :description="description"
-    :hint="hint"
-    :size="size as FormGroupSize"
-    :data-testid="name"
-    :help="help"
-    :error="errorMessage"
-    :required="!!isRequired"
-    :ui="containerUi"
-  >
-    <slot />
-  </UFormGroup>
-</template>
-
-<script lang="ts" setup>
-import { type IFieldProps } from '#core/components/Form/types'
-import { type FormGroupSize } from '#ui/types/form-group'
-
-defineProps<IFieldProps>()
-</script>
+<template>
+  <UFormGroup
+    :label="label"
+    :name="name"
+    :description="description"
+    :hint="hint"
+    :size="size as FormGroupSize"
+    :data-testid="name"
+    :help="help"
+    :error="errorMessage"
+    :required="!!isRequired"
+    :ui="containerUi"
+  >
+    <slot />
+  </UFormGroup>
+</template>
+
+<script lang="ts" setup>
+import { type IFieldProps } from '#core/components/Form/types'
+import { type FormGroupSize } from '#ui/types/form-group'
+
+defineProps<IFieldProps>()
+</script>