@finema/core 1.4.87 → 1.4.89

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.87",
+  "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.87";
+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/dist/runtime/composables/useFlexDeck.d.ts

@@ -1,4 +1,10 @@
 import type { ComputedRef } from 'vue';
+import type { IUsePageLoader } from '#core/helpers/apiPageHelper';
 import type { IFlexDeckOptions } from '#core/components/FlexDeck/types';
+import type { Store } from 'pinia';
+export interface IUseFlexDeck<T = object> {
+    repo: IUsePageLoader<T> | Store<any, any>;
+    options?: (() => Partial<IFlexDeckOptions<T>>) | Partial<IFlexDeckOptions<T>>;
+}
 export declare const createFlexDeckOptions: <T = object>(repo: IUsePageLoader<T>, options: IFlexDeckOptions<T>) => IFlexDeckOptions<T>;
-export declare const useFlexDeck: <T = object>(options: IUseTable<T>) => ComputedRef<IFlexDeckOptions<T>>;
+export declare const useFlexDeck: <T = object>(options: IUseFlexDeck<T>) => ComputedRef<IFlexDeckOptions<T>>;

package/dist/runtime/ui.css

@@ -1,32 +1 @@
-: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;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}#__layout,#__nuxt,.root-container,body,html{display:flex;flex-direction:column;height:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.87",
+  "version": "1.4.89",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -80,5 +80,9 @@
   "lint-staged": {
     "*.{ts,vue,tsx,js}": "eslint --fix --cache",
     "*.{html,json}": "prettier --write"
-  }
+  },
+  "workspaces": [
+    "./*"
+  ],
+  "packageManager": "yarn@4.1.1"
 }