@finema/core 1.4.220 → 2.1.0

package/dist/runtime/components/Alert.vue

@@ -1,48 +0,0 @@
-<template>
-  <UAlert v-bind="$props">
-    <template #title><slot name="title" :title="title" /></template>
-    <template #description><slot name="description" :description="description" /></template>
-  </UAlert>
-</template>
-<script lang="ts" setup>
-import { type PropType } from 'vue'
-import { type alert } from '#ui/ui.config'
-import type { AlertColor, AlertVariant, Avatar, Button, Strategy } from '#ui/types'
-
-defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
-  description: {
-    type: String,
-    default: null,
-  },
-  icon: {
-    type: String,
-  },
-  avatar: {
-    type: Object as PropType<Avatar>,
-    default: null,
-  },
-  closeButton: {
-    type: Object as PropType<Button>,
-  },
-  actions: {
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    type: Array as PropType<Array<Button & { click?: Function }>>,
-  },
-  color: {
-    type: String as PropType<AlertColor>,
-  },
-  variant: {
-    type: String as PropType<AlertVariant>,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
-  },
-})
-</script>

package/dist/runtime/components/Avatar.vue

@@ -1,27 +0,0 @@
-<template>
-  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
-</template>
-
-<script lang="ts" setup>
-import type { AvatarSize } from '#ui/types'
-import type { PropType } from 'vue'
-
-defineOptions({
-  inheritAttrs: true,
-})
-
-defineProps({
-  src: {
-    type: String,
-    required: true,
-  },
-  alt: {
-    type: String,
-    required: true,
-  },
-  size: {
-    type: String as PropType<AvatarSize>,
-    default: 'sm',
-  },
-})
-</script>

package/dist/runtime/components/Badge.vue

@@ -1,11 +0,0 @@
-<template>
-  <UBadge v-bind="$props">
-    <slot />
-  </UBadge>
-</template>
-
-<script setup lang="ts">
-import type { Badge } from '#ui/types/badge'
-
-defineProps<Badge>()
-</script>

package/dist/runtime/components/Breadcrumb.vue

@@ -1,44 +0,0 @@
-<template>
-  <UBreadcrumb v-bind="attrs" :class="$props.class" :links="links" :divider="divider" :ui="ui">
-    <template #default="{ link, isActive, index }">
-      <slot name="default" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #icon="{ link, index, isActive }">
-      <slot name="icon" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #divider>
-      <slot name="divider" />
-    </template>
-  </UBreadcrumb>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import { breadcrumb } from '#core/ui.config'
-import type { BreadcrumbLink, Strategy } from '#ui/types'
-
-const config = useUiConfig<typeof breadcrumb>(breadcrumb, 'breadcrumb')
-
-const props = defineProps({
-  links: {
-    type: Array as PropType<BreadcrumbLink[]>,
-    default: () => [],
-  },
-  divider: {
-    type: String,
-    default: () => breadcrumb.default.divider,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const { ui, attrs } = useUI('breadcrumb', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>

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

@@ -1,37 +0,0 @@
-<template>
-  <UButtonGroup v-bind="$props">
-    <slot />
-  </UButtonGroup>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue'
-import type { ButtonSize } from '#ui/types/button'
-import { button, type buttonGroup } from '#ui/ui.config'
-import type { Strategy } from '#ui/types'
-
-defineProps({
-  size: {
-    type: String as PropType<ButtonSize>,
-    default: () => button.default.size,
-    validator(value: string) {
-      return Object.keys(button.size).includes(value)
-    },
-  },
-  orientation: {
-    type: String as PropType<'horizontal' | 'vertical'>,
-    default: 'horizontal',
-    validator(value: string) {
-      return ['horizontal', 'vertical'].includes(value)
-    },
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: undefined,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
-    default: undefined,
-  },
-})
-</script>

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

@@ -1,75 +0,0 @@
-<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 button } from '#ui/ui.config'
-import { UButton } from '#components'
-import type { ButtonColor, ButtonSize, ButtonVariant } from '#ui/types/button'
-import type { PropType } from 'vue'
-
-defineProps({
-  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 +0,0 @@
-<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 { card } from '#core/ui.config'
-import type { Strategy } from '#ui/types'
-
-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,45 +0,0 @@
-<template>
-  <NuxtLoadingIndicator :color="color" />
-  <Dialog />
-  <UNotifications>
-    <template #title="{ title }">
-      <span v-html="title" />
-    </template>
-
-    <template #description="{ description }">
-      <span v-html="description" />
-    </template>
-  </UNotifications>
-  <div v-if="isDevEnv" class="fixed bottom-4 right-4 z-50">
-    <div class="flex flex-col items-end justify-end">
-      <div
-        v-show="isShowDevTools"
-        class="max-w-screen mb-4 h-[750px] max-h-screen w-[600px] overflow-auto rounded-lg border bg-white opacity-80 shadow-2xl"
-      >
-        <p class="p-3 text-lg font-semibold">Debug Tools</p>
-        <hr />
-        <div id="dev-logs" class="flex flex-col space-y-3 p-3" />
-      </div>
-      <Button
-        :icon="isShowDevTools ? 'heroicons:x-mark' : 'heroicons:information-circle'"
-        color="info"
-        square
-        :ui="{ rounded: 'rounded-full' }"
-        @click="isShowDevTools = !isShowDevTools"
-      />
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-defineProps({
-  color: {
-    type: String,
-    default: '#3675FB',
-  },
-})
-
-const isShowDevTools = ref(false)
-const isDevEnv = process.env.NODE_ENV === 'development'
-</script>

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

@@ -1,70 +0,0 @@
-<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 { dropdown } from '#ui/ui.config'
-import { DropdownPlacementArray, type DropdownPlacement } from './types'
-import type { DropdownItem, Strategy } from '#ui/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/Dropdown/types.d.ts

@@ -1,2 +0,0 @@
-export type DropdownPlacement = 'auto' | 'auto-end' | 'auto-start' | 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
-export declare const DropdownPlacementArray: DropdownPlacement[];

package/dist/runtime/components/Dropdown/types.mjs

@@ -1,17 +0,0 @@
-export const DropdownPlacementArray = [
-  "auto",
-  "auto-end",
-  "auto-start",
-  "bottom",
-  "bottom-end",
-  "bottom-start",
-  "left",
-  "left-end",
-  "left-start",
-  "right",
-  "right-end",
-  "right-start",
-  "top",
-  "top-end",
-  "top-start"
-];

package/dist/runtime/components/Form/InputDateTimeRange/date_range_time_field.types.d.ts

@@ -1,17 +0,0 @@
-import { type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
-import type { IDateTimeFieldProps } from '../InputDateTime/date_time_field.types';
-export interface ITimeOption {
-    hours?: number | string;
-    minutes?: number | string;
-    seconds?: number | string;
-}
-export interface IDateTimeRangeResponse {
-    start: Date | string;
-    end: Date | string;
-}
-export interface IDateTimeRangeFieldProps extends IDateTimeFieldProps {
-    isDisabledMultiCalendar?: boolean;
-}
-export type IDateTimeRangeField = IFormFieldBase<INPUT_TYPES.DATE_RANGE | INPUT_TYPES.DATE_TIME_RANGE, IDateTimeRangeFieldProps, {
-    change: (value: IDateTimeRangeResponse) => void;
-}>;

package/dist/runtime/components/Form/InputDateTimeRange/index.vue

@@ -1,91 +0,0 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps">
-    <Datepicker
-      ref="datepicker"
-      v-model="innerValueRef"
-      :disabled="wrapperProps.isDisabled"
-      cancel-text="ยกเลิก"
-      select-text="เลือก"
-      locale="th"
-      :format="format"
-      :enable-time-picker="!disabledTime"
-      :placeholder="wrapperProps.placeholder"
-      :min-date="minDate"
-      :max-date="maxDate"
-      :min-time="minTime"
-      :max-time="maxTime"
-      :start-time="startTime"
-      :multi-calendars="!isDisabledMultiCalendar"
-      :required="isRequired"
-      time-picker-inline
-      range
-      @update:model-value="onInput"
-    >
-      <template v-if="appConfig.core?.is_thai_year" #year="{ value }">
-        {{ value + 543 }}
-      </template>
-      <template v-if="appConfig.core?.is_thai_year" #year-overlay-value="{ value }">
-        {{ value + 543 }}
-      </template>
-      <template #dp-input="{ value: innerValue }">
-        <UInput
-          :trailing-icon="innerValue ? undefined : 'i-heroicons-calendar-days'"
-          type="text"
-          :model-value="innerValue"
-          :placeholder="wrapperProps.placeholder"
-          :readonly="true"
-          input-class="cursor-pointer select-none"
-        />
-      </template>
-    </Datepicker>
-  </FieldWrapper>
-</template>
-<script lang="ts" setup>
-import Datepicker from '@vuepic/vue-datepicker'
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-import { TimeHelper, ref, useFieldHOC, useAppConfig } from '#imports'
-import '@vuepic/vue-datepicker/dist/main.css'
-import type {
-  IDateTimeRangeFieldProps,
-  IDateTimeRangeResponse,
-} from './date_range_time_field.types'
-
-const props = withDefaults(defineProps<IDateTimeRangeFieldProps>(), {})
-
-const appConfig = useAppConfig()
-const { value, wrapperProps } = useFieldHOC<IDateTimeRangeResponse | null>(props)
-
-const innerValueRef = ref<Date[]>([])
-
-const format = (date: Date[]) => {
-  if (props.disabledTime) {
-    return date.length > 0
-      ? TimeHelper.displayDate(date[0]) + ' - ' + TimeHelper.displayDate(date[1] ?? date[0])
-      : ''
-  }
-
-  return date.length > 0
-    ? TimeHelper.displayDateTime(date[0]) + ' - ' + TimeHelper.displayDateTime(date[1] ?? date[0])
-    : ''
-}
-
-const onInput = (_value: Date[]) => {
-  if (_value === null) {
-    value.value = null
-
-    return
-  }
-
-  if (props.disabledTime && !props.isReturnISO) {
-    value.value = <IDateTimeRangeResponse>{
-      start: TimeHelper.getDateFormTime(_value[0]),
-      end: TimeHelper.getDateFormTime(_value[1] || _value[0]),
-    }
-  } else {
-    value.value = <IDateTimeRangeResponse>{
-      start: _value[0],
-      end: _value[1] || _value[0],
-    }
-  }
-}
-</script>

package/dist/runtime/components/Form/InputRadio/index.vue

@@ -1,27 +0,0 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps">
-    <URadioGroup
-      v-model="value"
-      :options="options"
-      :disabled="wrapperProps.isDisabled"
-      :required="isRequired"
-      value-attribute="value"
-      option-attribute="label"
-      :icon="icon"
-      :color="color"
-      :size="size"
-      :ui="ui"
-      :ui-menu="uiMenu"
-    />
-  </FieldWrapper>
-</template>
-
-<script lang="ts" setup>
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-import { useFieldHOC } from '#core/composables/useForm'
-import { type ISelectFieldProps } from '#core/components/Form/InputSelect/types'
-
-const props = withDefaults(defineProps<ISelectFieldProps>(), {})
-
-const { value, wrapperProps } = useFieldHOC<any>(props)
-</script>

package/dist/runtime/components/Form/InputRadio/types.d.ts

@@ -1,8 +0,0 @@
-import type { IFieldProps, IFormFieldBase, INPUT_TYPES } from '#core/components/Form/types';
-import { type IOption } from '#core/types/common';
-export interface IRadioFieldProps extends IFieldProps {
-    icon?: string;
-    size?: string;
-    options: IOption[];
-}
-export type IRadioField = IFormFieldBase<INPUT_TYPES.RADIO, IRadioFieldProps, never>;

package/dist/runtime/components/Form/InputStatic/index.vue

@@ -1,16 +0,0 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps" :is-required="false">
-    <p class="form-control-static">
-      {{ !value || value.length === 0 ? '-' : value }}
-    </p>
-  </FieldWrapper>
-</template>
-<script lang="ts" setup>
-import { type IStaticFieldProps } from '#core/components/Form/InputStatic/types'
-import { useFieldHOC } from '#core/composables/useForm'
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-
-const props = withDefaults(defineProps<IStaticFieldProps>(), {})
-
-const { value, wrapperProps } = useFieldHOC<string>(props)
-</script>

package/dist/runtime/components/Form/InputStatic/types.d.ts

@@ -1,4 +0,0 @@
-import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
-export interface IStaticFieldProps extends IFieldProps {
-}
-export type IStaticField = IFormFieldBase<INPUT_TYPES.STATIC, IStaticFieldProps, never>;