@finema/core 1.4.8 → 1.4.9

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "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.8";
+const version = "1.4.9";
 
 const colors = {
   black: "#20243E",

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

@@ -13,7 +13,26 @@
         :row="row"
       />
       <ColumnImage
-        v-if="column.type === COLUMN_TYPES.IMAGE"
+        v-else-if="column.type === COLUMN_TYPES.IMAGE"
+        :value="row[column.key]"
+        :column="column"
+        :row="row"
+      />
+      <ColumnDateTime
+        v-else-if="column.type === COLUMN_TYPES.DATE_TIME"
+        :value="row[column.key]"
+        :column="column"
+        :row="row"
+      />
+      <ColumnDate
+        v-else-if="column.type === COLUMN_TYPES.DATE"
+        :value="row[column.key]"
+        :column="column"
+        :row="row"
+      />
+      <component
+        :is="column.component"
+        v-else-if="column.type === COLUMN_TYPES.COMPONENT"
         :value="row[column.key]"
         :column="column"
         :row="row"
@@ -45,6 +64,8 @@ import ColumnImage from '#core/components/Table/ColumnImage.vue'
 import { computed, type PropType } from 'vue'
 import { StringHelper } from '#core/utils/StringHelper'
 import { ref, watch } from '#imports'
+import ColumnDateTime from '#core/components/Table/ColumnDateTime.vue'
+import ColumnDate from '#core/components/Table/ColumnDate.vue'
 
 const emits = defineEmits(['pageChange'])
 

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

@@ -0,0 +1,16 @@
+<template>
+  {{ getValue }}
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { type IColumn } from '#core/components/Table/types'
+import { TimeHelper } from '#core/utils/TimeHelper'
+
+const props = defineProps<{
+  value: any
+  row: any
+  column: IColumn
+}>()
+
+const getValue = computed<string>(() => TimeHelper.getDateFormTime(props.value))
+</script>

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

@@ -0,0 +1,30 @@
+<template>
+  <p :title="`${getValue.date} ${getValue.time}`" class="flex flex-col whitespace-nowrap px-4">
+    <span>
+      {{ getValue.date }}
+    </span>
+    <span class="text-gray text-xs">
+      {{ getValue.time }}
+    </span>
+  </p>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { type IColumn } from '#core/components/Table/types'
+import { TimeHelper } from '#core/utils/TimeHelper'
+
+const props = defineProps<{
+  value: any
+  row: any
+  column: IColumn
+}>()
+
+const getValue = computed<{ date: string; time: string }>(() => {
+  return props.value
+    ? {
+        date: TimeHelper.getDateFormTime(props.value),
+        time: TimeHelper.getTimeFormTime(props.value),
+      }
+    : { date: '-', time: '-' }
+})
+</script>

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

@@ -1,6 +1,5 @@
 import { type IPageOptions, type IStatus } from '#core/types/lib';
 export declare const enum COLUMN_TYPES {
-    VALUE = "VALUE",
     COMPONENT = "COMPONENT",
     DATE = "DATE",
     DATE_TIME = "DATE_TIME",
@@ -14,6 +13,7 @@ export interface IColumn {
     sortable?: boolean;
     direction?: 'asc' | 'desc';
     class?: string;
+    component?: any;
     type?: COLUMN_TYPES;
 }
 export interface IRowItem {

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

@@ -1,5 +1,4 @@
 export var COLUMN_TYPES = /* @__PURE__ */ ((COLUMN_TYPES2) => {
-  COLUMN_TYPES2["VALUE"] = "VALUE";
   COLUMN_TYPES2["COMPONENT"] = "COMPONENT";
   COLUMN_TYPES2["DATE"] = "DATE";
   COLUMN_TYPES2["DATE_TIME"] = "DATE_TIME";

package/package.json

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