@finema/core 1.4.88 → 1.4.89

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.88",
+  "version": "1.4.89",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir, addImportsDir } from '@nuxt/kit';
 
 const name = "@finema/core";
-const version = "1.4.88";
+const version = "1.4.89";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/FlexDeck/Base.vue

@@ -1,5 +1,17 @@
 <template>
-  <!--  TODO -->
+  <slot v-if="status.isLoading" name="loading-state">
+    <div class="flex h-60 items-center justify-center">
+      <Icon name="i-svg-spinners:180-ring-with-bg" class="text-primary size-8" />
+    </div>
+  </slot>
+  <slot v-if="!status.isLoading && rawData.length === 0" name="empty-state">
+    <div class="min-h-60">
+      <p class="text-center text-sm italic">ไม่พบข้อมูล!</p>
+    </div>
+  </slot>
+  <div v-if="status.isSuccess" :class="containerClass">
+    <slot v-for="(row, index) in rawData" :key="index" :row="row" />
+  </div>
   <div v-if="pageOptions" class="mt-4 flex justify-between px-3">
     <p class="text-xs text-gray-500">
       ผลลัพธ์ {{ pageBetween }} ของ {{ totalCountWithComma }} รายการ
@@ -48,6 +60,7 @@ const props = defineProps({
     type: Boolean as PropType<IFlexDeckOptions['isHideBottomPagination']>,
     default: false,
   },
+  containerClass: { type: [String, Array, Object] },
 })
 
 const page = ref(props.pageOptions?.currentPage || 1)

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

@@ -8,12 +8,12 @@
       />
     </div>
     <Base
-      v-bind="$attrs"
       :raw-data="options.rawData"
       :status="options.status"
       :page-options="options.pageOptions"
       :is-simple-pagination="isShowSimplePagination"
       :is-hide-bottom-pagination="options.isHideBottomPagination"
+      :container-class="containerClass"
       @page-change="onPageChange"
     >
       <template v-for="(_, slot) of $slots" #[slot]="slotProps">
@@ -29,6 +29,12 @@ import { useCoreConfig } from '#core/composables/useConfig'
 import Base from '#core/components/FlexDeck/Base.vue'
 import type { IFlexDeckOptions } from '#core/components/FlexDeck/types'
 
+defineSlots<{
+  default: (props: { row: any }) => any
+  'empty-state': () => any
+  'loading-state': () => any
+}>()
+
 const emits = defineEmits<{
   (event: 'pageChange', page: number): void
   (event: 'search', q: string): void
@@ -36,6 +42,7 @@ const emits = defineEmits<{
 
 const props = defineProps({
   options: { type: Object as PropType<IFlexDeckOptions>, required: true },
+  containerClass: { type: [String, Array, Object], default: '' },
 })
 
 const coreConfig = useCoreConfig()

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

@@ -2,7 +2,7 @@
   <UTable :loading="status.isLoading" :columns="columns" :rows="rawData" v-bind="$attrs">
     <template #loading-state>
       <div class="flex h-60 items-center justify-center">
-        <Icon name="i-svg-spinners:180-ring-with-bg" class="text-primary h-8 w-8" />
+        <Icon name="i-svg-spinners:180-ring-with-bg" class="text-primary size-8" />
       </div>
     </template>
     <template #empty-state>

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

@@ -21,6 +21,11 @@ import Base from '#core/components/Table/Base.vue'
 import { initPageOptions } from '#core/composables/loaderPage'
 import { useCoreConfig } from '#core/composables/useConfig'
 
+defineSlots<{
+  'empty-state': () => any
+  'loading-state': () => any
+}>()
+
 const props = defineProps({
   options: { type: Object as PropType<ISimpleTableOptions>, required: true },
 })

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

@@ -30,6 +30,11 @@ import { _debounce, computed, ref, watch } from '#imports'
 import { useCoreConfig } from '#core/composables/useConfig'
 import Base from '#core/components/Table/Base.vue'
 
+defineSlots<{
+  'empty-state': () => any
+  'loading-state': () => any
+}>()
+
 const emits = defineEmits<{
   (event: 'pageChange', page: number): void
   (event: 'search', q: string): void

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.88",
+  "version": "1.4.89",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",