@finema/core 3.21.0 → 3.23.2

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

@@ -1,131 +1,131 @@
 <template>
-  <div
+  <div
     :class="
   theme.rootWrapper({
     class: [ui?.rootWrapper]
   })
-"
-  >
-    <Pagination
-      v-if="!options.isHidePagination && !options.isHidePaginationTop"
-      :options="options"
-      :ui="ui"
-      :page="page"
-      :page-limit="pageLimit"
-      class="border-b border-[#EAECF0]"
-      @pageChange="onPageChange"
-      @search="emits('search')"
-      @pageLimitChange="changePageLimit"
-    />
-    <UTable
-      :loading="options.status.isLoading"
-      :columns="uTableCompatibleColumns"
-      :data="options.rawData"
-      v-bind="$attrs"
-      :ui="ui"
-    >
-      <template #loading>
-        <Loader :loading="true" />
-      </template>
-      <template #empty>
-        <slot
-          v-if="options.status.isLoading"
-          name="loading"
-        >
-          <Loader :loading="true" />
-        </slot>
-        <slot
-          v-else-if="options.status.isError"
-          name="error"
-        >
-          <div
-            class="text-error-400 flex h-[200px] items-center justify-center text-2xl"
-          >
-            {{ StringHelper.getError(options.status.errorData) }}
-          </div>
-        </slot>
-
-        <slot
-          v-else
-          name="error"
-        >
-          <Empty />
-        </slot>
-      </template>
-      <template
-        v-for="column in options.columns"
-        #[`${column.accessorKey}-cell`]="slotProps"
-        :key="column.accessorKey"
-      >
-        <NuxtLink
-          v-if="to && column.accessorKey !== 'actions'"
-          :to="resolveTo(slotProps.row.original)"
-          :target="resolveTarget(slotProps.row.original)"
+"
+  >
+    <Pagination
+      v-if="!options.isHidePagination && !options.isHidePaginationTop"
+      :options="options"
+      :ui="ui"
+      :page="page"
+      :page-limit="pageLimit"
+      class="border-b border-[#EAECF0]"
+      @pageChange="onPageChange"
+      @search="emits('search')"
+      @pageLimitChange="changePageLimit"
+    />
+    <UTable
+      :loading="options.status.isLoading"
+      :columns="uTableCompatibleColumns"
+      :data="options.rawData"
+      v-bind="$attrs"
+      :ui="ui"
+    >
+      <template #loading>
+        <Loader :loading="true" />
+      </template>
+      <template #empty>
+        <slot
+          v-if="options.status.isLoading"
+          name="loading"
+        >
+          <Loader :loading="true" />
+        </slot>
+        <slot
+          v-else-if="options.status.isError"
+          name="error"
+        >
+          <div
+            class="text-error-400 flex h-[200px] items-center justify-center text-2xl"
+          >
+            {{ StringHelper.getError(options.status.errorData) }}
+          </div>
+        </slot>
+
+        <slot
+          v-else
+          name="error"
+        >
+          <Empty />
+        </slot>
+      </template>
+      <template
+        v-for="column in options.columns"
+        #[`${column.accessorKey}-cell`]="slotProps"
+        :key="column.accessorKey"
+      >
+        <NuxtLink
+          v-if="to && column.accessorKey !== 'actions'"
+          :to="resolveTo(slotProps.row.original)"
+          :target="resolveTarget(slotProps.row.original)"
           :rel="
   resolveTarget(slotProps.row.original) === '_blank' ? 'noopener noreferrer' : void 0
-"
-          class="absolute inset-0"
-          tabindex="-1"
-          aria-hidden="true"
-        />
-        <div
+"
+          class="absolute inset-0"
+          tabindex="-1"
+          aria-hidden="true"
+        />
+        <div
           :class="
   to && column.accessorKey !== 'actions' ? 'pointer-events-none relative z-10' : 'relative z-10'
-"
-        >
-          <slot
-            :name="`${column.accessorKey}-cell`"
-            v-bind="slotProps"
-          >
-            <component
-              :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]"
+"
+        >
+          <slot
+            :name="`${column.accessorKey}-cell`"
+            v-bind="slotProps"
+          >
+            <component
+              :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, slotProps.row)"
-              :column="column"
-              :row="slotProps.row"
-            />
-            <VNodeRenderer
-              v-else-if="typeof column.cell === 'function'"
-              :vnode="transformValue(column, slotProps.row)"
-            />
-            <template v-else>
-              {{ transformValue(column, slotProps.row) }}
-            </template>
-          </slot>
-        </div>
-      </template>
-      <template
-        v-for="slotName in forwardedSlotNames"
-        :key="slotName"
-        #[slotName]="slotProps"
-      >
-        <slot
-          :name="slotName"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </UTable>
-    <Pagination
-      v-if="!options.isHidePagination && !options.isHidePaginationBottom"
-      :options="options"
-      :ui="ui"
-      :page="page"
-      :page-limit="pageLimit"
-      class="rounded-b-lg border-t border-[#EAECF0]"
-      @pageChange="onPageChange"
-      @search="emits('search')"
-      @pageLimitChange="changePageLimit"
-    />
-  </div>
+"
+              :value="transformValue(column, slotProps.row)"
+              :column="column"
+              :row="slotProps.row"
+            />
+            <VNodeRenderer
+              v-else-if="typeof column.cell === 'function'"
+              :vnode="transformValue(column, slotProps.row)"
+            />
+            <template v-else>
+              {{ transformValue(column, slotProps.row) }}
+            </template>
+          </slot>
+        </div>
+      </template>
+      <template
+        v-for="slotName in forwardedSlotNames"
+        :key="slotName"
+        #[slotName]="slotProps"
+      >
+        <slot
+          :name="slotName"
+          v-bind="slotProps || {}"
+        />
+      </template>
+    </UTable>
+    <Pagination
+      v-if="!options.isHidePagination && !options.isHidePaginationBottom"
+      :options="options"
+      :ui="ui"
+      :page="page"
+      :page-limit="pageLimit"
+      class="rounded-b-lg border-t border-[#EAECF0]"
+      @pageChange="onPageChange"
+      @search="emits('search')"
+      @pageLimitChange="changePageLimit"
+    />
+  </div>
 </template>
 
 <script setup>
@@ -146,7 +146,7 @@ import ColumnDateTime from "#core/components/Table/ColumnDateTime.vue";
 import Empty from "#core/components/Empty.vue";
 import ColumnDate from "#core/components/Table/ColumnDate.vue";
 import ColumnText from "#core/components/Table/ColumnText.vue";
-import UTable from "#ui/components/Table";
+import UTable from "#ui/components/Table.vue";
 import Pagination from "./Pagination.vue";
 import { tableTheme } from "#core/theme/table";
 const emits = defineEmits(["pageChange", "search"]);

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

@@ -7,7 +7,21 @@ type __VLS_Props = {
     target?: string | ((row: any) => string | undefined);
     preserveQuery?: boolean;
 };
-declare var __VLS_21: {}, __VLS_28: {}, __VLS_30: {}, __VLS_44: `${string}-cell`, __VLS_45: any, __VLS_64: string, __VLS_65: any;
+declare var __VLS_21: {}, __VLS_28: {}, __VLS_30: {}, __VLS_44: `${string}-cell`, __VLS_45: {
+    cell: import("@tanstack/table-core").Cell<any, unknown>;
+    column: import("@tanstack/table-core").Column<any, unknown>;
+    getValue: import("@tanstack/table-core").Getter<unknown>;
+    renderValue: import("@tanstack/table-core").Getter<unknown>;
+    row: import("@tanstack/table-core").Row<any>;
+    table: import("@tanstack/table-core").Table<any>;
+}, __VLS_64: string, __VLS_65: {
+    cell: import("@tanstack/table-core").Cell<any, unknown>;
+    column: import("@tanstack/table-core").Column<any, unknown>;
+    getValue: import("@tanstack/table-core").Getter<unknown>;
+    renderValue: import("@tanstack/table-core").Getter<unknown>;
+    row: import("@tanstack/table-core").Row<any>;
+    table: import("@tanstack/table-core").Table<any>;
+};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 } & {

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

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue || "-" }}
+  {{ getValue || "-" }}
 </template>
 
 <script setup>

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

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue || "-" }}
+  {{ getValue || "-" }}
 </template>
 
 <script setup>

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

@@ -1,8 +1,8 @@
 <template>
-  <Image
-    class="h-12 rounded"
-    :src="getValue"
-  />
+  <Image
+    class="h-12 rounded"
+    :src="getValue"
+  />
 </template>
 
 <script setup>

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

@@ -1,13 +1,12 @@
-import { type ComponentProps } from 'vue';
 import type { TableColumn } from '@nuxt/ui';
-import NuxtLink from '#app/components/nuxt-link';
+import type { NuxtLinkProps } from '#app';
 type __VLS_Props = {
     value: any;
     row: any;
     column: TableColumn<any> & {
         meta: {
             max: number;
-            link?: ComponentProps<typeof NuxtLink>;
+            link?: NuxtLinkProps;
         };
     };
 };

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

@@ -1,14 +1,14 @@
 <template>
-  <NuxtLink
-    v-if="column.meta?.link"
-    v-bind="column.meta.link"
-  >
-    {{ getValue }}
-  </NuxtLink>
-
-  <span v-else>
-    {{ getValue }}
-  </span>
+  <NuxtLink
+    v-if="column.meta?.link"
+    v-bind="column.meta.link"
+  >
+    {{ getValue }}
+  </NuxtLink>
+
+  <span v-else>
+    {{ getValue }}
+  </span>
 </template>
 
 <script setup>
@@ -24,7 +24,7 @@ const getValue = computed(() => {
   const value = props.value;
   const max = props.column?.meta?.max;
   if (max) {
-    return StringHelper.truncate(value, max);
+    return StringHelper.truncate(value, max) || "-";
   }
   if (typeof value === "string") {
     return value || "-";

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

@@ -1,13 +1,12 @@
-import { type ComponentProps } from 'vue';
 import type { TableColumn } from '@nuxt/ui';
-import NuxtLink from '#app/components/nuxt-link';
+import type { NuxtLinkProps } from '#app';
 type __VLS_Props = {
     value: any;
     row: any;
     column: TableColumn<any> & {
         meta: {
             max: number;
-            link?: ComponentProps<typeof NuxtLink>;
+            link?: NuxtLinkProps;
         };
     };
 };

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

@@ -1,101 +1,102 @@
 <template>
-  <div
+  <div
     :class="
   theme.paginationContainer({
     class: [ui?.paginationContainer]
   })
-"
-  >
-    <div
+"
+  >
+    <div
       :class="
   theme.paginationInfoWrapper({
     class: [ui?.paginationInfoWrapper]
   })
-"
-    >
-      <USelect
-        v-if="options.pageOptions && !options.isHideLimitSelect"
-        size="lg"
-        trailing="รายการ"
+"
+    >
+      <USelect
+        v-if="options.pageOptions && !options.isHideLimitSelect"
+        size="lg"
+        trailing
         :class="
   theme.paginationLimitSelect({
     class: [ui?.paginationLimitSelect, 'cursor-pointer']
   })
-"
-        :items="pageLimitItems"
-        :model-value="pageLimit"
-        @update:modelValue="emits('pageLimitChange', $event)"
-      >
-        <template #default="{ modelValue }">
-          <p
+"
+        :items="pageLimitItems"
+        :model-value="pageLimit"
+        @update:modelValue="emits('pageLimitChange', $event)"
+      >
+        <template #default="{ modelValue }">
+          <p
             :class="
   theme.paginationLimitSelectLabel({
     class: [ui?.paginationLimitSelectLabel]
   })
-"
-          >
-            {{ modelValue }}
-            {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}
-          </p>
-        </template>
-      </USelect>
-      <p
+"
+          >
+            {{ modelValue }}
+            {{ messages.pagination.items }}
+          </p>
+        </template>
+      </USelect>
+      <p
         :class="
   theme.paginationInfo({
     class: [ui?.paginationInfo, '']
   })
-"
-      >
-        <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
-      v-if="options.pageOptions && options.pageOptions.totalPage > 1"
-      :page="page"
-      :default-page="options.pageOptions?.currentPage || 1"
-      :items-per-page="options.pageOptions.limit"
-      :total="options.pageOptions.totalCount"
-      :to="options.isRouteChange ? to : void 0"
-      show-edges
-      variant="outline"
-      color="neutral"
-      active-color="neutral"
-      active-variant="subtle"
-      @update:page="emits('pageChange', $event)"
-    >
-      <template #item="{ item, page }">
-        <Button
-          :variant="page === item.value ? 'subtle' : 'outline'"
-          :color="page === item.value ? 'neutral' : 'neutral'"
-          :label="String(NumberHelper.withComma(item.value))"
-          :ui="{ label: themePagination.label }"
-          square
-          :to="options.isRouteChange ? to?.(item.value) : void 0"
+"
+      >
+        <span v-if="options.pageOptions">{{ pageBetween }}
+          {{ messages.pagination.ofTotal }}
+          {{ totalCountWithComma }}</span>
+        <span v-else>{{ messages.pagination.total }}
+          {{ options.rawData.length }}
+          {{ messages.pagination.items }}</span>
+      </p>
+    </div>
+    <UPagination
+      v-if="options.pageOptions && options.pageOptions.totalPage > 1"
+      :page="page"
+      :default-page="options.pageOptions?.currentPage || 1"
+      :items-per-page="options.pageOptions.limit"
+      :total="options.pageOptions.totalCount"
+      :to="options.isRouteChange ? to : void 0"
+      show-edges
+      variant="outline"
+      color="neutral"
+      active-color="neutral"
+      active-variant="subtle"
+      @update:page="emits('pageChange', $event)"
+    >
+      <template #item="{ item, page }">
+        <Button
+          v-if="item.type === 'page'"
+          :variant="page === item.value ? 'subtle' : 'outline'"
+          :color="page === item.value ? 'neutral' : 'neutral'"
+          :label="String(NumberHelper.withComma(item.value))"
+          :ui="{ label: themePagination.label }"
+          square
+          :to="options.isRouteChange ? to?.(item.value) : void 0"
           :class="
   theme.buttonPagination({
     class: [ui?.buttonPagination]
   })
-"
-        />
-      </template>
-    </UPagination>
-  </div>
+"
+        />
+      </template>
+    </UPagination>
+  </div>
 </template>
 
 <script setup>
+import { useCoreMessages } from "#core/composables/useMessages";
 import {
   computed,
   NumberHelper,
-  useUiConfig,
-  useAppConfig
+  useUiConfig
 } from "#imports";
-import UPagination from "#ui/components/Pagination";
-import USelect from "#ui/components/Select";
+import UPagination from "#ui/components/Pagination.vue";
+import USelect from "#ui/components/Select.vue";
 import { tableTheme } from "../../theme/table";
 import { paginationTheme } from "../../theme/pagination";
 const emits = defineEmits(["pageChange", "search", "pageLimitChange"]);
@@ -108,7 +109,6 @@ const props = defineProps({
 const themePagination = computed(
   () => useUiConfig(paginationTheme, "pagination")()
 );
-const appConfig = useAppConfig();
 const pageLimitItems = [
   {
     label: "10",
@@ -164,4 +164,7 @@ const to = (page) => {
     }
   };
 };
+const {
+  messages
+} = useCoreMessages();
 </script>

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

@@ -1,28 +1,28 @@
 <template>
-  <Base
-    v-bind="$attrs"
+  <Base
+    v-bind="$attrs"
     :options="{
   ...options,
   pageOptions,
   isHideLimitSelect: true,
   rawData: itemsByPage
-}"
-    :ui="computedUi"
-    :to="to"
-    :target="target"
-    :preserve-query="preserveQuery"
-    @page-change="onPageChange"
-  >
-    <template
-      v-for="(_, slot) of $slots"
-      #[slot]="slotProps"
-    >
-      <slot
-        :name="slot"
-        v-bind="slotProps || {}"
-      />
-    </template>
-  </Base>
+}"
+    :ui="computedUi"
+    :to="to"
+    :target="target"
+    :preserve-query="preserveQuery"
+    @page-change="onPageChange"
+  >
+    <template
+      v-for="(_, slot) of $slots"
+      #[slot]="slotProps"
+    >
+      <slot
+        :name="slot"
+        v-bind="slotProps || {}"
+      />
+    </template>
+  </Base>
 </template>
 
 <script setup>

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

@@ -32,11 +32,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
         right: string[];
     }) => any) | undefined;
 }>, {
-    isPinAction: boolean;
     columnPinning: {
         left: string[];
         right: string[];
     };
+    isPinAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;