@finema/core 3.22.0 → 3.24.0

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

@@ -16,7 +16,7 @@
       <USelect
         v-if="options.pageOptions && !options.isHideLimitSelect"
         size="lg"
-        trailing="รายการ"
+        trailing
         :class="
   theme.paginationLimitSelect({
     class: [ui?.paginationLimitSelect, 'cursor-pointer']
@@ -35,7 +35,7 @@
 "
           >
             {{ modelValue }}
-            {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}
+            {{ messages.pagination.items }}
           </p>
         </template>
       </USelect>
@@ -46,12 +46,16 @@
   })
 "
       >
-        <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" }}
+        <span v-if="options.pageOptions">
+          {{ pageBetween }}
+          {{ messages.pagination.ofTotal }}
+          {{ totalCountWithComma }}
+        </span>
+        <span v-else>
+          {{ messages.pagination.total }}
           {{ options.rawData.length }}
-          {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}</span>
+          {{ messages.pagination.items }}
+        </span>
       </p>
     </div>
     <UPagination
@@ -70,6 +74,7 @@
     >
       <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))"
@@ -88,14 +93,10 @@
 </template>
 
 <script setup>
-import {
-  computed,
-  NumberHelper,
-  useUiConfig,
-  useAppConfig
-} from "#imports";
-import UPagination from "#ui/components/Pagination";
-import USelect from "#ui/components/Select";
+import { useCoreMessages } from "#core/composables/useMessages";
+import { computed, NumberHelper, useUiConfig } from "#imports";
+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"]);
@@ -105,10 +106,7 @@ const props = defineProps({
   options: { type: Object, required: true },
   ui: { type: null, required: false }
 });
-const themePagination = computed(
-  () => useUiConfig(paginationTheme, "pagination")()
-);
-const appConfig = useAppConfig();
+const themePagination = computed(() => useUiConfig(paginationTheme, "pagination")());
 const pageLimitItems = [
   {
     label: "10",
@@ -153,9 +151,7 @@ const totalCountWithComma = computed(() => {
 const to = (page) => {
   const params = props.options.pageOptions?.request?.params || {};
   const cleanParams = Object.fromEntries(
-    Object.entries(params).filter(
-      ([key, value]) => value !== null && value !== void 0 && value !== ""
-    )
+    Object.entries(params).filter(([key, value]) => value !== null && value !== void 0 && value !== "")
   );
   return {
     query: {
@@ -164,4 +160,5 @@ const to = (page) => {
     }
   };
 };
+const { messages } = useCoreMessages();
 </script>

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;

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

@@ -11,7 +11,7 @@
       <Input
         v-model="q"
         icon="i-heroicons-magnifying-glass"
-        :placeholder="options.searchPlaceholder || '\u0E04\u0E49\u0E19\u0E2B\u0E32....'"
+        :placeholder="options.searchPlaceholder || messages.common.search"
       />
     </div>
     <Base
@@ -39,6 +39,7 @@
 </template>
 
 <script setup>
+import { useCoreMessages } from "#core/composables/useMessages";
 import { computed } from "vue";
 import { _debounce, ref, useUiConfig, watch } from "#imports";
 import { tableTheme } from "#core/theme/table";
@@ -71,13 +72,9 @@ const computedUi = computed(() => {
 });
 const computedColumnPinning = computed(() => {
   if (props.isPinAction) {
-    const hasActionsColumn = props.options.columns.some(
-      (col) => col.accessorKey === "actions"
-    );
+    const hasActionsColumn = props.options.columns.some((col) => col.accessorKey === "actions");
     if (hasActionsColumn) {
-      const rightPinned = props.columnPinning.right.filter(
-        (col) => col !== "actions"
-      );
+      const rightPinned = props.columnPinning.right.filter((col) => col !== "actions");
       return {
         left: props.columnPinning.left,
         right: [...rightPinned, "actions"]
@@ -103,4 +100,5 @@ const onPageChange = (newPage) => {
   }
   emits("pageChange", newPage);
 };
+const { messages } = useCoreMessages();
 </script>

package/dist/runtime/components/Table/index.vue.d.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;

package/dist/runtime/composables/loaderList.d.ts

@@ -1,3 +1,4 @@
 import { type IListLoaderOptions } from '../helpers/apiListHelper.js';
 import type { IUseListLoader } from '../helpers/apiObjectHelper.js';
-export declare const useListLoader: <T = any, O = Record<string, any>>(loaderOptions: IListLoaderOptions<T, O>) => IUseListLoader<T, O>;
+declare const useListLoader: <T = any, O = Record<string, any>>(loaderOptions: IListLoaderOptions<T, O>) => IUseListLoader<T, O>;
+export { useListLoader };

package/dist/runtime/composables/loaderList.js

@@ -1,10 +1,8 @@
 import { reactive, computed } from "vue";
 import { ObjectHelper } from "../utils/ObjectHelper.js";
 import { createCancelableRequest } from "../helpers/apiCancelHelper.js";
-import {
-  apiListHelper
-} from "../helpers/apiListHelper.js";
-export const useListLoader = (loaderOptions) => {
+import { apiListHelper } from "../helpers/apiListHelper.js";
+const useListLoader = (loaderOptions) => {
   const result = reactive({
     items: [],
     status: ObjectHelper.createStatus(),
@@ -72,3 +70,4 @@ export const useListLoader = (loaderOptions) => {
     setLoading
   };
 };
+export { useListLoader };

package/dist/runtime/composables/loaderObject.d.ts

@@ -1,2 +1,3 @@
 import { type IObjectLoaderOptions, type IUseObjectLoader } from '../helpers/apiObjectHelper.js';
-export declare const useObjectLoader: <T = any, B = any, O = Record<string, any>>(loaderOptions: IObjectLoaderOptions<T, B, O>) => IUseObjectLoader<T, B, O>;
+declare const useObjectLoader: <T = any, B = any, O = Record<string, any>>(loaderOptions: IObjectLoaderOptions<T, B, O>) => IUseObjectLoader<T, B, O>;
+export { useObjectLoader };

package/dist/runtime/composables/loaderObject.js

@@ -4,7 +4,7 @@ import { createCancelableRequest } from "../helpers/apiCancelHelper.js";
 import {
   apiObjectHelper
 } from "../helpers/apiObjectHelper.js";
-export const useObjectLoader = (loaderOptions) => {
+const useObjectLoader = (loaderOptions) => {
   const state = reactive({
     data: null,
     status: ObjectHelper.createStatus(),
@@ -81,3 +81,4 @@ export const useObjectLoader = (loaderOptions) => {
     setData
   };
 };
+export { useObjectLoader };