@finema/core 1.4.49 → 1.4.51

package/dist/runtime/components/Table/Simple.vue

@@ -1,57 +1,57 @@
-<template>
-  <Base
-    v-bind="$attrs"
-    :columns="options.columns"
-    :raw-data="itemsByPage"
-    :status="options.status"
-    :page-options="pageOptions"
-    @page-change="onPageChange"
-  >
-    <template v-for="(_, slot) of $slots" #[slot]="slotProps">
-      <slot :name="slot" v-bind="slotProps || {}" />
-    </template>
-  </Base>
-</template>
-<script lang="ts" setup>
-import { computed, type PropType, ref } from 'vue'
-import { type ISimpleTableOptions } from '#core/components/Table/types'
-import Base from '#core/components/Table/Base.vue'
-import { initPageOptions } from '#core/composables/loaderPage'
-
-const props = defineProps({
-  options: { type: Object as PropType<ISimpleTableOptions>, required: true },
-})
-
-const currentPage = ref(1)
-
-const pageOptions = computed(() => {
-  if (!props.options?.limit) {
-    return undefined
-  }
-
-  return {
-    ...initPageOptions({
-      limit: props.options.limit,
-      primary: props.options.primary,
-    }),
-    totalCount: props.options.rawData.length,
-    totalPage: Math.ceil(props.options.rawData.length / props.options.limit),
-    currentPage: currentPage.value,
-  }
-})
-
-const onPageChange = (page: number) => {
-  currentPage.value = page
-}
-
-const itemsByPage = computed(() => {
-  if (!pageOptions.value) {
-    return props.options?.rawData
-  }
-
-  const start = (pageOptions.value.currentPage - 1) * pageOptions.value.limit
-  const end = start + pageOptions.value.limit
-
-  return props.options?.rawData.slice(start, end)
-})
-</script>
+<template>
+  <Base
+    v-bind="$attrs"
+    :columns="options.columns"
+    :raw-data="itemsByPage"
+    :status="options.status"
+    :page-options="pageOptions"
+    @page-change="onPageChange"
+  >
+    <template v-for="(_, slot) of $slots" #[slot]="slotProps">
+      <slot :name="slot" v-bind="slotProps || {}" />
+    </template>
+  </Base>
+</template>
+<script lang="ts" setup>
+import { computed, type PropType, ref } from 'vue'
+import { type ISimpleTableOptions } from '#core/components/Table/types'
+import Base from '#core/components/Table/Base.vue'
+import { initPageOptions } from '#core/composables/loaderPage'
+
+const props = defineProps({
+  options: { type: Object as PropType<ISimpleTableOptions>, required: true },
+})
+
+const currentPage = ref(1)
+
+const pageOptions = computed(() => {
+  if (!props.options?.limit) {
+    return undefined
+  }
+
+  return {
+    ...initPageOptions({
+      limit: props.options.limit,
+      primary: props.options.primary,
+    }),
+    totalCount: props.options.rawData.length,
+    totalPage: Math.ceil(props.options.rawData.length / props.options.limit),
+    currentPage: currentPage.value,
+  }
+})
+
+const onPageChange = (page: number) => {
+  currentPage.value = page
+}
+
+const itemsByPage = computed(() => {
+  if (!pageOptions.value) {
+    return props.options?.rawData
+  }
+
+  const start = (pageOptions.value.currentPage - 1) * pageOptions.value.limit
+  const end = start + pageOptions.value.limit
+
+  return props.options?.rawData.slice(start, end)
+})
+</script>

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

@@ -1,52 +1,59 @@
-<template>
-  <div>
-    <div v-if="options.isEnabledSearch" class="mb-4 flex justify-end">
-      <UInput
-        v-model="q"
-        icon="i-heroicons-magnifying-glass"
-        :placeholder="options.searchPlaceholder || 'ค้นหา...'"
-      />
-    </div>
-    <Base
-      v-bind="$attrs"
-      :columns="options.columns"
-      :raw-data="options.rawData"
-      :status="options.status"
-      :page-options="options.pageOptions"
-      :is-simple-pagination="options.isSimplePagination"
-      @page-change="onPageChange"
-    >
-      <template v-for="(_, slot) of $slots" #[slot]="slotProps">
-        <slot :name="slot" v-bind="slotProps || {}" />
-      </template>
-    </Base>
-  </div>
-</template>
-<script lang="ts" setup>
-import { type PropType } from 'vue'
-import { type ITableOptions } from '#core/components/Table/types'
-import { _debounce, ref, watch } from '#imports'
-import Base from '#core/components/Table/Base.vue'
-
-const emits = defineEmits<{
-  (event: 'pageChange', page: number): void
-  (event: 'search', q: string): void
-}>()
-
-const props = defineProps({
-  options: { type: Object as PropType<ITableOptions>, required: true },
-})
-
-const q = ref(props.options?.pageOptions.search ?? '')
-
-watch(
-  q,
-  _debounce((value) => {
-    emits('search', value)
-  }, 500)
-)
-
-const onPageChange = (page: number) => {
-  emits('pageChange', page)
-}
-</script>
+<template>
+  <div>
+    <div v-if="options.isEnabledSearch" class="mb-4 flex justify-end">
+      <UInput
+        v-model="q"
+        icon="i-heroicons-magnifying-glass"
+        :placeholder="options.searchPlaceholder || 'ค้นหา...'"
+      />
+    </div>
+    <Base
+      v-bind="$attrs"
+      :columns="options.columns"
+      :raw-data="options.rawData"
+      :status="options.status"
+      :page-options="options.pageOptions"
+      :is-simple-pagination="isShowSimplePagination"
+      @page-change="onPageChange"
+    >
+      <template v-for="(_, slot) of $slots" #[slot]="slotProps">
+        <slot :name="slot" v-bind="slotProps || {}" />
+      </template>
+    </Base>
+  </div>
+</template>
+<script lang="ts" setup>
+import { type PropType } from 'vue'
+import { type ITableOptions } from '#core/components/Table/types'
+import { _debounce, computed, ref, watch } from '#imports'
+import { useCoreConfig } from '#core/composables/useConfig'
+import Base from '#core/components/Table/Base.vue'
+
+const emits = defineEmits<{
+  (event: 'pageChange', page: number): void
+  (event: 'search', q: string): void
+}>()
+
+const props = defineProps({
+  options: { type: Object as PropType<ITableOptions>, required: true },
+})
+
+const coreConfig = useCoreConfig()
+
+const q = ref(props.options?.pageOptions.search ?? '')
+
+const isShowSimplePagination = computed(
+  (): boolean => props.options.isSimplePagination ?? coreConfig.is_simple_pagination
+)
+
+watch(
+  q,
+  _debounce((value) => {
+    emits('search', value)
+  }, 500)
+)
+
+const onPageChange = (page: number) => {
+  emits('pageChange', page)
+}
+</script>

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

@@ -1,65 +1,65 @@
-<template>
-  <UTabs
-    v-bind="attrs"
-    :model-value="modelValue"
-    :class="$props.class"
-    :items="items"
-    :orientation="orientation"
-    :default-index="defaultIndex"
-    :ui="ui"
-    @change="change"
-  >
-    <template #default="{ item, index, selected }">
-      <slot name="default" :item="item" :index="index" :selected="selected" />
-    </template>
-
-    <template #item="{ item, index, selected }">
-      <slot name="item" :item="item" :index="index" :selected="selected" />
-    </template>
-  </UTabs>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import { type TabItem } from '#ui/types'
-import type { Strategy } from '#core/types/utils'
-import { tabs } from '#core/ui.config'
-
-const config = useUiConfig<typeof tabs>(tabs, 'tabs')
-
-const props = defineProps({
-  modelValue: {
-    type: Number,
-    default: undefined,
-  },
-  items: {
-    type: Array as PropType<TabItem[]>,
-    default: () => [],
-  },
-  orientation: {
-    type: String as PropType<'horizontal' | 'vertical'>,
-    default: 'horizontal',
-    validator: (value: string) => ['horizontal', 'vertical'].includes(value),
-  },
-  defaultIndex: {
-    type: Number,
-    default: 0,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const emits = defineEmits(['update:modelValue', 'change'])
-
-const change = (index: number) => {
-  emits('change', index)
-}
-
-const { ui, attrs } = useUI('tabs', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UTabs
+    v-bind="attrs"
+    :model-value="modelValue"
+    :class="$props.class"
+    :items="items"
+    :orientation="orientation"
+    :default-index="defaultIndex"
+    :ui="ui"
+    @change="change"
+  >
+    <template #default="{ item, index, selected }">
+      <slot name="default" :item="item" :index="index" :selected="selected" />
+    </template>
+
+    <template #item="{ item, index, selected }">
+      <slot name="item" :item="item" :index="index" :selected="selected" />
+    </template>
+  </UTabs>
+</template>
+
+<script setup lang="ts">
+import { useUiConfig, type PropType, useUI, toRef } from '#imports'
+import { type TabItem } from '#ui/types'
+import type { Strategy } from '#core/types/utils'
+import { tabs } from '#core/ui.config'
+
+const config = useUiConfig<typeof tabs>(tabs, 'tabs')
+
+const props = defineProps({
+  modelValue: {
+    type: Number,
+    default: undefined,
+  },
+  items: {
+    type: Array as PropType<TabItem[]>,
+    default: () => [],
+  },
+  orientation: {
+    type: String as PropType<'horizontal' | 'vertical'>,
+    default: 'horizontal',
+    validator: (value: string) => ['horizontal', 'vertical'].includes(value),
+  },
+  defaultIndex: {
+    type: Number,
+    default: 0,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const emits = defineEmits(['update:modelValue', 'change'])
+
+const change = (index: number) => {
+  emits('change', index)
+}
+
+const { ui, attrs } = useUI('tabs', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

package/dist/runtime/core.config.d.ts

@@ -7,4 +7,5 @@ export declare const core: {
     is_thai_year: boolean;
     is_thai_month: boolean;
     site_name: string;
+    is_simple_pagination: boolean;
 };

package/dist/runtime/core.config.mjs

@@ -6,5 +6,6 @@ export const core = {
   time_format: "HH:mm",
   is_thai_year: false,
   is_thai_month: false,
-  site_name: ""
+  site_name: "",
+  is_simple_pagination: false
 };

package/dist/runtime/helpers/componentHelper.d.ts

@@ -0,0 +1,3 @@
+export declare const checkMaxSize: (file: File, acceptFileSize: number) => boolean;
+export declare const generateURL: (file: File) => string;
+export declare const isImage: (file: File) => boolean;

package/dist/runtime/helpers/componentHelper.mjs

@@ -0,0 +1,16 @@
+export const checkMaxSize = (file, acceptFileSize) => {
+  if (acceptFileSize) {
+    return file.size / 1e3 <= acceptFileSize;
+  }
+  return true;
+};
+export const generateURL = (file) => {
+  const fileSrc = URL.createObjectURL(file);
+  setTimeout(() => {
+    URL.revokeObjectURL(fileSrc);
+  }, 1e3);
+  return fileSrc;
+};
+export const isImage = (file) => {
+  return file.type.startsWith("image/");
+};

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

@@ -1,29 +1,29 @@
-export type Strategy = 'merge' | 'override'
-
-export type NestedKeyOf<ObjectType extends object> = {
-  [Key in keyof ObjectType]: ObjectType[Key] extends object ? NestedKeyOf<ObjectType[Key]> : Key
-}[keyof ObjectType]
-
-export type DeepPartial<T> = Partial<{
-  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
-}>
-
-type DeepKey<T, Keys extends string[]> = Keys extends [infer First, ...infer Rest]
-  ? First extends keyof T
-    ? Rest extends string[]
-      ? DeepKey<T[First], Rest>
-      : never
-    : never
-  : T
-
-export type ExtractDeepKey<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
-  ? Result extends Record<string, any>
-    ? keyof Result
-    : never
-  : never
-
-export type ExtractDeepObject<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
-  ? Result extends Record<string, any>
-    ? Result
-    : never
-  : never
+export type Strategy = 'merge' | 'override'
+
+export type NestedKeyOf<ObjectType extends object> = {
+  [Key in keyof ObjectType]: ObjectType[Key] extends object ? NestedKeyOf<ObjectType[Key]> : Key
+}[keyof ObjectType]
+
+export type DeepPartial<T> = Partial<{
+  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
+}>
+
+type DeepKey<T, Keys extends string[]> = Keys extends [infer First, ...infer Rest]
+  ? First extends keyof T
+    ? Rest extends string[]
+      ? DeepKey<T[First], Rest>
+      : never
+    : never
+  : T
+
+export type ExtractDeepKey<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
+  ? Result extends Record<string, any>
+    ? keyof Result
+    : never
+  : never
+
+export type ExtractDeepObject<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
+  ? Result extends Record<string, any>
+    ? Result
+    : never
+  : never

package/dist/runtime/ui.config/uploadFileDropzone.d.ts

@@ -13,7 +13,10 @@ export declare const uploadFileDropzone: {
             img: string;
         };
         filename: string;
-        fileInfo: string;
+    };
+    uploadStatus: {
+        wrapper: string;
+        progressBar: string;
     };
     background: {
         default: string;

package/dist/runtime/ui.config/uploadFileDropzone.mjs

@@ -9,11 +9,14 @@ export const uploadFileDropzone = {
     wrapper: "flex flex-col items-center w-full",
     icon: "mb-2 h-10 w-10 text-gray-400",
     image: {
-      wrapper: "flex justify-center mb-2 rounded overflow-hidden",
-      img: "max-w-[300px]"
+      wrapper: "flex justify-center mb-2 rounded overflow-hidden max-w-[300px]",
+      img: "w-full object-contain"
     },
-    filename: "flex items-center justify-center w-full font-semibold truncate",
-    fileInfo: "text-center text-gray-400 mt-1 text-sm font-light"
+    filename: "flex items-center justify-center w-full font-semibold truncate"
+  },
+  uploadStatus: {
+    wrapper: "w-full md:w-1/2 mt-2",
+    progressBar: ""
   },
   background: {
     default: "bg-white border-gray-border",

package/dist/runtime/ui.css

@@ -1,32 +1,32 @@
-:root {
-  --dp-font-family: inherit !important;
-}
-
-.dp__theme_light {
-  --dp-primary-color: rgb(var(--color-primary-DEFAULT)) !important;
-  --dp-primary-disabled-color: rgb(var(--color-primary-200)) !important;
-}
-
-::-webkit-scrollbar {
-  -webkit-appearance: none;
-  width: 10px;
-  height: 10px;
-}
-
-::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: rgb(0 0 0 / 30%);
-  box-shadow: 0 0 1px rgb(255 255 255 / 50%);
-}
-
-
-html,
-body,
-#__nuxt,
-#__layout,
-.root-container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
+:root {
+  --dp-font-family: inherit !important;
+}
+
+.dp__theme_light {
+  --dp-primary-color: rgb(var(--color-primary-DEFAULT)) !important;
+  --dp-primary-disabled-color: rgb(var(--color-primary-200)) !important;
+}
+
+::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: rgb(0 0 0 / 30%);
+  box-shadow: 0 0 1px rgb(255 255 255 / 50%);
+}
+
+
+html,
+body,
+#__nuxt,
+#__layout,
+.root-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+

package/dist/runtime/utils/StringHelper.d.ts

@@ -2,7 +2,7 @@ export declare class StringHelper {
     static genString: (length?: number) => string;
     static withComma: (value?: number | string) => string;
     static split: (str: string | null | undefined, separator: string | RegExp) => string[];
-    static joinURL: (value: any, value2: any) => string;
+    static joinURL: (...parts: string[]) => string;
     static truncate: (str: any, num?: number) => any;
     static getError: (errorData: {
         code: string;

package/dist/runtime/utils/StringHelper.mjs

@@ -15,8 +15,8 @@ export class StringHelper {
   static split = (str, separator) => {
     return `${str || ""}`.split(separator).filter((item) => item).map((item) => item.trim());
   };
-  static joinURL = (value, value2) => {
-    return urlJoin(value, value2);
+  static joinURL = (...parts) => {
+    return urlJoin(...parts);
   };
   static truncate = (str, num = 300) => {
     const newStr = str || "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.49",
+  "version": "1.4.51",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -36,19 +36,19 @@
     "@nuxt/kit": "^3.7.4",
     "@nuxt/ui": "^2.13.0",
     "@pinia/nuxt": "^0.5.1",
-    "@vee-validate/nuxt": "^4.12.4",
-    "@vee-validate/zod": "^4.12.4",
+    "@vee-validate/nuxt": "^4.12.5",
+    "@vee-validate/zod": "^4.12.5",
     "@vuepic/vue-datepicker": "^7.4.1",
-    "axios": "^1.6.5",
-    "date-fns": "^3.2.0",
-    "i18next": "^23.7.16",
+    "axios": "^1.6.7",
+    "date-fns": "^3.3.1",
+    "i18next": "^23.8.2",
     "lodash-es": "^4.17.21",
-    "nuxt-security": "^1.0.0",
+    "nuxt-security": "^1.1.0",
     "pinia": "^2.1.7",
     "qrcode.vue": "^3.4.1",
     "url-join": "^5.0.0",
     "zod": "^3.22.4",
-    "zod-i18n-map": "^2.25.0"
+    "zod-i18n-map": "^2.27.0"
   },
   "devDependencies": {
     "@finema/eslint-config": "^1.2.0",
@@ -56,7 +56,7 @@
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.4",
     "@nuxt/schema": "^3.7.4",
-    "@nuxt/test-utils": "^3.9.0",
+    "@nuxt/test-utils": "^3.11.0",
     "@release-it/conventional-changelog": "^8.0.1",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.10.8",
@@ -66,7 +66,7 @@
     "happy-dom": "^13.0.0",
     "husky": "^8.0.3",
     "lint-staged": "^15.2.0",
-    "nuxt": "^3.9.1",
+    "nuxt": "^3.10.0",
     "playwright-core": "^1.40.1",
     "prettier": "^3.1.1",
     "release-it": "^17.0.1",
@@ -74,7 +74,7 @@
     "stylelint": "^16.1.0",
     "stylelint-config-prettier-scss": "^1.0.0",
     "stylelint-config-standard-scss": "^13.0.0",
-    "vitest": "^1.1.3"
+    "vitest": "^1.2.2"
   },
   "resolutions": {
     "vue": "3.3.13"