@finema/core 3.16.3 → 3.16.5

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.16.3",
+  "version": "3.16.5",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -4,7 +4,7 @@ import * as lodash from 'lodash-es';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "3.16.3";
+const version = "3.16.5";
 
 const nuxtAppOptions = {
   head: {

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

@@ -1,19 +1,17 @@
 import { type ISimpleTableOptions, type ITableOptions } from '#core/components/Table/types';
 import { tableTheme } from '#core/theme/table';
 type __VLS_Props = {
-    options: ITableOptions<any> & ISimpleTableOptions<any>;
+    options: ISimpleTableOptions<any> & Partial<ITableOptions<any>>;
     ui?: (typeof tableTheme)['slots'];
     to?: string | ((row: any) => any);
     target?: string | ((row: any) => string | undefined);
     preserveQuery?: boolean;
 };
-declare var __VLS_25: {}, __VLS_32: {}, __VLS_34: {}, __VLS_47: any, __VLS_48: {
-    row: any;
-}, __VLS_57: any, __VLS_58: any;
+declare var __VLS_25: {}, __VLS_32: {}, __VLS_34: {}, __VLS_47: any, __VLS_48: any, __VLS_67: any, __VLS_68: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_47>]?: (props: typeof __VLS_48) => any;
 } & {
-    [K in NonNullable<typeof __VLS_57>]?: (props: typeof __VLS_58) => any;
+    [K in NonNullable<typeof __VLS_67>]?: (props: typeof __VLS_68) => any;
 } & {
     loading?: (props: typeof __VLS_25) => any;
 } & {

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

@@ -55,15 +55,15 @@
       </template>
       <template
         v-for="column in options.columns"
-        #[`${column.accessorKey}-cell`]="{ row }"
+        #[`${column.accessorKey}-cell`]="slotProps"
         :key="column.accessorKey"
       >
         <NuxtLink
           v-if="to && column.accessorKey !== 'actions'"
-          :to="resolveTo(row.original)"
-          :target="resolveTarget(row.original)"
+          :to="resolveTo(slotProps.row.original)"
+          :target="resolveTarget(slotProps.row.original)"
           :rel="
-  resolveTarget(row.original) === '_blank' ? 'noopener noreferrer' : void 0
+  resolveTarget(slotProps.row.original) === '_blank' ? 'noopener noreferrer' : void 0
 "
           class="absolute inset-0"
           tabindex="-1"
@@ -76,21 +76,30 @@
         >
           <slot
             :name="`${column.accessorKey}-cell`"
-            :row="row"
+            v-bind="slotProps"
           >
             <component
-              :is="
-  column.type === COLUMN_TYPES.COMPONENT ? column.component : columnTypeComponents[column.type]
-"
-              v-if="
-  column.type === COLUMN_TYPES.COMPONENT || columnTypeComponents[column.type]
+              :is="column.component"
+              v-if="column.type === COLUMN_TYPES.COMPONENT && column.component"
+              :value="transformValue(column, slotProps.row)"
+              :column="column"
+              :row="slotProps.row"
+            />
+            <component
+              :is="columnTypeComponents[column.type]"
+              v-else-if="
+  column.type !== COLUMN_TYPES.COMPONENT && columnTypeComponents[column.type]
 "
-              :value="transformValue(column, row)"
+              :value="transformValue(column, slotProps.row)"
               :column="column"
-              :row="row"
+              :row="slotProps.row"
+            />
+            <VNodeRenderer
+              v-else-if="typeof column.cell === 'function'"
+              :vnode="transformValue(column, slotProps.row)"
             />
             <template v-else>
-              {{ transformValue(column, row) }}
+              {{ transformValue(column, slotProps.row) }}
             </template>
           </slot>
         </div>
@@ -121,7 +130,7 @@
 </template>
 
 <script setup>
-import { computed, ref, useSlots } from "vue";
+import { computed, defineComponent, ref, useSlots } from "vue";
 import {
   COLUMN_TYPES
 } from "#core/components/Table/types";
@@ -149,6 +158,17 @@ const props = defineProps({
   target: { type: [String, Function], required: false },
   preserveQuery: { type: Boolean, required: false }
 });
+const VNodeRenderer = defineComponent({
+  props: {
+    vnode: {
+      type: null,
+      required: true
+    }
+  },
+  setup(props2) {
+    return () => props2.vnode;
+  }
+});
 const route = useRoute();
 const slots = useSlots();
 const forwardedSlotNames = computed(
@@ -222,6 +242,9 @@ const onSelect = (rows) => {
 };
 const changePageLimit = (limit) => {
   pageLimit.value = limit;
+  if (!props.options.repo) {
+    return;
+  }
   props.options.repo.fetchPageChange(1, {
     params: {
       ...props.options.pageOptions?.request?.params,

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

@@ -1,19 +1,17 @@
 import { type ISimpleTableOptions, type ITableOptions } from '#core/components/Table/types';
 import { tableTheme } from '#core/theme/table';
 type __VLS_Props = {
-    options: ITableOptions<any> & ISimpleTableOptions<any>;
+    options: ISimpleTableOptions<any> & Partial<ITableOptions<any>>;
     ui?: (typeof tableTheme)['slots'];
     to?: string | ((row: any) => any);
     target?: string | ((row: any) => string | undefined);
     preserveQuery?: boolean;
 };
-declare var __VLS_25: {}, __VLS_32: {}, __VLS_34: {}, __VLS_47: any, __VLS_48: {
-    row: any;
-}, __VLS_57: any, __VLS_58: any;
+declare var __VLS_25: {}, __VLS_32: {}, __VLS_34: {}, __VLS_47: any, __VLS_48: any, __VLS_67: any, __VLS_68: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_47>]?: (props: typeof __VLS_48) => any;
 } & {
-    [K in NonNullable<typeof __VLS_57>]?: (props: typeof __VLS_58) => any;
+    [K in NonNullable<typeof __VLS_67>]?: (props: typeof __VLS_68) => any;
 } & {
     loading?: (props: typeof __VLS_25) => any;
 } & {

package/dist/runtime/components/Table/Pagination.d.vue.ts

@@ -3,7 +3,7 @@ import { tableTheme } from '../../theme/table.js';
 type __VLS_Props = {
     page: number;
     pageLimit: number;
-    options: ITableOptions<any> & ISimpleTableOptions<any>;
+    options: ISimpleTableOptions<any> & Partial<ITableOptions<any>>;
     ui?: (typeof tableTheme)['slots'];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

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

@@ -34,7 +34,8 @@
   })
 "
           >
-            {{ modelValue }}  {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}
+            {{ modelValue }}
+            {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}
           </p>
         </template>
       </USelect>
@@ -45,8 +46,12 @@
   })
 "
       >
-        <span v-if="options.pageOptions">{{ pageBetween }} {{ appConfig.core?.locale === "th" ? "\u0E08\u0E32\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "of total" }} {{ totalCountWithComma }}</span>
-        <span v-else>{{ appConfig.core?.locale === "th" ? "\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "Total" }} {{ options.rawData.length }} {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}</span>
+        <span v-if="options.pageOptions">{{ pageBetween }}
+          {{ appConfig.core?.locale === "th" ? "\u0E08\u0E32\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "of total" }}
+          {{ totalCountWithComma }}</span>
+        <span v-else>{{ appConfig.core?.locale === "th" ? "\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "Total" }}
+          {{ options.rawData.length }}
+          {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}</span>
       </p>
     </div>
     <UPagination
@@ -71,9 +76,11 @@
           :ui="{ label: themePagination.label }"
           square
           :to="to?.(item.value)"
-          :class="theme.buttonPagination({
-  class: [ui?.buttonPagination]
-})"
+          :class="
+  theme.buttonPagination({
+    class: [ui?.buttonPagination]
+  })
+"
         />
       </template>
     </UPagination>
@@ -98,7 +105,9 @@ const props = defineProps({
   options: { type: Object, required: true },
   ui: { type: null, required: false }
 });
-const themePagination = computed(() => useUiConfig(paginationTheme, "pagination")());
+const themePagination = computed(
+  () => useUiConfig(paginationTheme, "pagination")()
+);
 const appConfig = useAppConfig();
 const pageLimitItems = [
   {

package/dist/runtime/components/Table/Pagination.vue.d.ts

@@ -3,7 +3,7 @@ import { tableTheme } from '../../theme/table.js';
 type __VLS_Props = {
     page: number;
     pageLimit: number;
-    options: ITableOptions<any> & ISimpleTableOptions<any>;
+    options: ISimpleTableOptions<any> & Partial<ITableOptions<any>>;
     ui?: (typeof tableTheme)['slots'];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

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

@@ -7,6 +7,9 @@ type Slot = TableSlots<any> & {
 type __VLS_Props = {
     options: ISimpleTableOptions<any>;
     ui?: (typeof tableTheme)['slots'];
+    to?: string | ((row: any) => any);
+    target?: string | ((row: any) => string | undefined);
+    preserveQuery?: boolean;
 };
 type __VLS_Slots = Slot;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -7,7 +7,10 @@
   isHideLimitSelect: true,
   rawData: itemsByPage
 }"
-    :ui="ui"
+    :ui="computedUi"
+    :to="to"
+    :target="target"
+    :preserve-query="preserveQuery"
     @page-change="onPageChange"
   >
     <template
@@ -29,9 +32,21 @@ import { initPageOptions } from "#core/composables/loaderPage";
 import { useCoreConfig } from "#core/composables/useConfig";
 const props = defineProps({
   options: { type: Object, required: true },
-  ui: { type: null, required: false }
+  ui: { type: null, required: false },
+  to: { type: [String, Function], required: false },
+  target: { type: [String, Function], required: false },
+  preserveQuery: { type: Boolean, required: false }
 });
 defineSlots();
+const computedUi = computed(() => {
+  if (!props.to) {
+    return props.ui;
+  }
+  return {
+    ...props.ui,
+    td: [props.ui?.td, "cursor-pointer", "relative"].filter(Boolean).join(" ")
+  };
+});
 const currentPage = ref(1);
 const coreConfig = useCoreConfig();
 const pageOptions = computed(() => {

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

@@ -7,6 +7,9 @@ type Slot = TableSlots<any> & {
 type __VLS_Props = {
     options: ISimpleTableOptions<any>;
     ui?: (typeof tableTheme)['slots'];
+    to?: string | ((row: any) => any);
+    target?: string | ((row: any) => string | undefined);
+    preserveQuery?: boolean;
 };
 type __VLS_Slots = Slot;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

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