@finema/core 1.4.54 → 1.4.55

package/dist/module.json

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

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.54";
+const version = "1.4.55";
 
 const colors = {
   black: "#20243E",

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

@@ -13,36 +13,36 @@
     <template v-for="column in columns" #[`${column.key}-data`]="{ row }" :key="column.key">
       <ColumnNumber
         v-if="column.type === COLUMN_TYPES.NUMBER"
-        :value="row[column.key]"
+        :value="transformValue(column, row)"
         :column="column"
         :row="row"
       />
       <ColumnImage
         v-else-if="column.type === COLUMN_TYPES.IMAGE"
-        :value="row[column.key]"
+        :value="transformValue(column, row)"
         :column="column"
         :row="row"
       />
       <ColumnDateTime
         v-else-if="column.type === COLUMN_TYPES.DATE_TIME"
-        :value="row[column.key]"
+        :value="transformValue(column, row)"
         :column="column"
         :row="row"
       />
       <ColumnDate
         v-else-if="column.type === COLUMN_TYPES.DATE"
-        :value="row[column.key]"
+        :value="transformValue(column, row)"
         :column="column"
         :row="row"
       />
       <component
         :is="column.component"
         v-else-if="column.type === COLUMN_TYPES.COMPONENT"
-        :value="row[column.key]"
+        :value="transformValue(column, row)"
         :column="column"
         :row="row"
       />
-      <ColumnText v-else :value="row[column.key]" :column="column" :row="row" />
+      <ColumnText v-else :value="transformValue(column, row)" :column="column" :row="row" />
     </template>
 
     <template v-for="(_, slot) of $slots" #[slot]="scope">
@@ -54,7 +54,7 @@
       ผลลัพธ์ {{ pageBetween }} ของ {{ totalCountWithComma }} รายการ
     </p>
     <UPagination
-      v-if="pageOptions.totalPage > 1 && !isSimplePagination"
+      v-if="pageOptions.totalPage > 1 && !isSimplePagination && !isHideBottomPagination"
       v-model="page"
       :page-count="pageOptions.limit"
       :total="pageOptions.totalCount"
@@ -69,7 +69,7 @@
 </template>
 
 <script lang="ts" setup>
-import { COLUMN_TYPES, type ITableOptions } from '#core/components/Table/types'
+import { COLUMN_TYPES, type IColumn, type ITableOptions } from '#core/components/Table/types'
 import ColumnNumber from '#core/components/Table/ColumnNumber.vue'
 import ColumnImage from '#core/components/Table/ColumnImage.vue'
 import { computed, type PropType } from 'vue'
@@ -102,6 +102,10 @@ const props = defineProps({
     type: Boolean as PropType<ITableOptions['isSimplePagination']>,
     default: false,
   },
+  isHideBottomPagination: {
+    type: Boolean as PropType<ITableOptions['isHideBottomPagination']>,
+    default: false,
+  },
 })
 
 const page = ref(props.pageOptions?.currentPage || 1)
@@ -119,6 +123,10 @@ const pageBetween = computed((): string => {
   return `${start} - ${end}`
 })
 
+const transformValue = (column: IColumn, row: any) => {
+  return column.transform ? column.transform(row[column.key], row, column) : row[column.key]
+}
+
 const totalCountWithComma = computed((): string => {
   return !props.pageOptions!.totalCount
     ? '0'

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

@@ -5,6 +5,8 @@
     :raw-data="itemsByPage"
     :status="options.status"
     :page-options="pageOptions"
+    :is-simple-pagination="isShowSimplePagination"
+    :is-hide-bottom-pagination="options.isHideBottomPagination"
     @page-change="onPageChange"
   >
     <template v-for="(_, slot) of $slots" #[slot]="slotProps">
@@ -17,12 +19,17 @@ 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'
+import { useCoreConfig } from '#core/composables/useConfig'
 
 const props = defineProps({
   options: { type: Object as PropType<ISimpleTableOptions>, required: true },
 })
 
 const currentPage = ref(1)
+const coreConfig = useCoreConfig()
+const isShowSimplePagination = computed(
+  (): boolean => props.options.isSimplePagination ?? coreConfig.is_simple_pagination
+)
 
 const pageOptions = computed(() => {
   if (!props.options?.limit) {

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

@@ -14,6 +14,7 @@
       :status="options.status"
       :page-options="options.pageOptions"
       :is-simple-pagination="isShowSimplePagination"
+      :is-hide-bottom-pagination="options.isHideBottomPagination"
       @page-change="onPageChange"
     >
       <template v-for="(_, slot) of $slots" #[slot]="slotProps">

package/dist/runtime/components/Table/types.d.ts

@@ -14,6 +14,7 @@ export interface IColumn<P extends Record<string, any> = Record<string, any>, O
     class?: string;
     component?: any;
     type?: COLUMN_TYPES;
+    transform?: (value: any, row: any, column: IColumn) => any;
     props?: P;
     on?: O;
 }
@@ -22,16 +23,15 @@ export interface IBaseTableOptions<T = object> {
     primary: string;
     status: IStatus;
     columns: IColumn[];
+    isHideBottomPagination?: boolean;
+    isHideTopPagination?: boolean;
+    isSimplePagination?: boolean;
 }
 export interface ITableOptions<T = object> extends IBaseTableOptions<T> {
     pageOptions: IPageOptions;
     isHideToolbar?: boolean;
     isEnabledSearch?: boolean;
     searchPlaceholder?: string;
-    deleteStatus?: IStatus;
-    isHideBottomPagination?: boolean;
-    isHideTopPagination?: boolean;
-    isSimplePagination?: boolean;
     isPreventRouteChange: boolean;
 }
 export interface ISimpleTableOptions<T = object> extends IBaseTableOptions<T> {

package/dist/runtime/composables/useTable.mjs

@@ -26,7 +26,6 @@ export const createTableOptions = (repo, columns, options) => {
     pageOptions: get(repo.fetchOptions),
     columns,
     status: get(repo.fetchStatus),
-    deleteStatus: get(repo.deleteStatus),
     primary: get(repo.fetchOptions).primary ?? config.default_primary_key,
     isPreventRouteChange: false,
     ...options

package/package.json

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