@finema/core 2.20.0 → 2.21.1

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.20.0",
+  "version": "2.21.1",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.1",

package/dist/module.mjs

@@ -3,7 +3,7 @@ import defu from 'defu';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "2.20.0";
+const version = "2.21.1";
 
 const nuxtAppOptions = {
   head: {

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

@@ -53,8 +53,8 @@
         {{ pageBetween }} รายการ จากทั้งหมด {{ totalCountWithComma }} รายการ
       </p>
       <Pagination
-        v-if="options.pageOptions.totalPage > 1 && !isShowSimplePagination"
-        :to="options.isPreventRouteChange ? void 0 : to"
+        v-if="options.pageOptions.totalPage > 1"
+        :to="options.isRouteChange ? to : void 0"
         :default-page="options.pageOptions?.currentPage || 1"
         :items-per-page="options.pageOptions.limit"
         :total="options.pageOptions.totalCount"
@@ -67,7 +67,7 @@
 <script setup>
 import { computed, ref, watch } from "vue";
 import { useElementVisibility } from "@vueuse/core";
-import { StringHelper } from "#core/utils/StringHelper";
+import { NumberHelper } from "#core/utils/NumberHelper";
 import { _debounce, useRouter, useWatchChange, useWatchTrue } from "#imports";
 import { useCoreConfig } from "#core/composables/useConfig";
 import Empty from "#core/components/Empty.vue";
@@ -108,7 +108,7 @@ const to = (page2) => {
   };
 };
 useWatchChange(() => props.options?.pageOptions?.request?.params, () => {
-  if (props.options?.isPreventRouteChange) return;
+  if (props.options?.isRouteChange) return;
   router.replace({
     query: props.options?.pageOptions?.request?.params || {}
   });
@@ -123,7 +123,7 @@ const pageBetween = computed(() => {
   return `${start} - ${end}`;
 });
 const totalCountWithComma = computed(() => {
-  return !props.options.pageOptions.totalCount ? "0" : StringHelper.withComma(props.options.pageOptions.totalCount);
+  return !props.options.pageOptions.totalCount ? "0" : NumberHelper.withComma(props.options.pageOptions.totalCount);
 });
 const totalInnerRawData = computed(() => {
   return innerRawData.value?.length || 0;

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

@@ -6,7 +6,7 @@ export interface IFlexDeckOptions<T = object> {
     pageOptions: IPageOptions;
     isEnabledSearch?: boolean;
     searchPlaceholder?: string;
-    isPreventRouteChange: boolean;
+    isRouteChange: boolean;
     isHidePagination?: boolean;
     isEnableInfiniteScroll?: boolean;
 }

package/dist/runtime/components/Form/Fields.vue

@@ -10,7 +10,10 @@
       :key="option.props.name"
       :class="option.class"
       :form="form"
-      v-bind="{ ...getFieldBinding(option), ...componentMap[option.type]?.props }"
+      v-bind="{
+  ...getFieldBinding(option),
+  ...componentMap[option.type]?.props
+}"
       v-on="option.on ?? {}"
     />
   </div>

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

@@ -76,7 +76,7 @@ import { computed } from "vue";
 import { COLUMN_TYPES } from "#core/components/Table/types";
 import ColumnNumber from "#core/components/Table/ColumnNumber.vue";
 import ColumnImage from "#core/components/Table/ColumnImage.vue";
-import { StringHelper } from "#core/utils/StringHelper";
+import { NumberHelper } from "#core/utils/NumberHelper";
 import { ref, watch } from "#imports";
 import ColumnDateTime from "#core/components/Table/ColumnDateTime.vue";
 import Empty from "#core/components/Empty.vue";
@@ -118,7 +118,6 @@ const uTableCompatibleColumns = computed(
     ...col,
     key: col.accessorKey
     // Use accessorKey for UTable's key property
-    // label: col.label || col.accessorKey // Optional: ensure label if not present, UTable uses key as fallback for header
   }))
 );
 const columnTypeComponents = {
@@ -148,7 +147,7 @@ const transformValue = (column, row) => {
   return column.transform ? column.transform(value, row, column) : value;
 };
 const totalCountWithComma = computed(() => {
-  return !props.pageOptions?.totalCount ? "0" : StringHelper.withComma(props.pageOptions.totalCount);
+  return !props.pageOptions?.totalCount ? "0" : NumberHelper.withComma(props.pageOptions.totalCount);
 });
 watch(page, () => {
   emits("pageChange", page.value);

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

@@ -4,11 +4,11 @@
 
 <script setup>
 import { computed } from "vue";
-import { StringHelper } from "../../utils/StringHelper";
+import { NumberHelper } from "#core/utils/NumberHelper";
 const props = defineProps({
   value: { type: null, required: true },
   row: { type: null, required: true },
   column: { type: null, required: true }
 });
-const getValue = computed(() => StringHelper.withComma(props.value));
+const getValue = computed(() => NumberHelper.withComma(props.value));
 </script>

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

@@ -90,7 +90,7 @@
         :default-page="options.pageOptions?.currentPage || 1"
         :items-per-page="options.pageOptions.limit"
         :total="options.pageOptions.totalCount"
-        :to="options.isPreventRouteChange ? void 0 : to"
+        :to="options.isRouteChange ? to : void 0"
         @update:page="onPageChange"
       />
     </div>
@@ -101,7 +101,7 @@
 import { computed } from "vue";
 import { COLUMN_TYPES } from "#core/components/Table/types";
 import { _debounce, ref, useUiConfig, watch, useWatchChange, useRouter } from "#imports";
-import { StringHelper } from "#core/utils/StringHelper";
+import { NumberHelper } from "#core/utils/NumberHelper";
 import ColumnDate from "#core/components/Table/ColumnDate.vue";
 import ColumnDateTime from "#core/components/Table/ColumnDateTime.vue";
 import ColumnImage from "#core/components/Table/ColumnImage.vue";
@@ -170,7 +170,7 @@ const totalCountWithComma = computed(() => {
   if (!total || total <= 0) {
     return "0";
   }
-  return StringHelper.withComma(total);
+  return NumberHelper.withComma(total);
 });
 const transformValue = (column, row) => {
   return column.cell ? column.cell({

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

@@ -28,7 +28,7 @@ export interface ITableOptions<T extends Record<string, any> = Record<string, an
     isHideToolbar?: boolean;
     isEnabledSearch?: boolean;
     searchPlaceholder?: string;
-    isPreventRouteChange: boolean;
+    isRouteChange: boolean;
 }
 export interface ISimpleTableOptions<T extends Record<string, any> = Record<string, any>> extends IBaseTableOptions<T> {
     limit?: number;

package/dist/runtime/composables/useFlexDeck.js

@@ -7,7 +7,7 @@ export const createFlexDeckOptions = (repo, options) => {
     pageOptions: get(repo.fetch.options),
     status: get(repo.fetch.status),
     primary: get(repo.fetch.options).primary || config.default_primary_key,
-    isPreventRouteChange: false,
+    isRouteChange: false,
     ...options
   };
 };

package/dist/runtime/composables/useTable.js

@@ -23,7 +23,7 @@ export const createTableOptions = (repo, columns, options, transformItems) => {
     pageOptions: get(repo.fetch.options),
     columns,
     status: get(repo.fetch.status),
-    isPreventRouteChange: false,
+    isRouteChange: false,
     ...options
   };
 };

package/dist/runtime/helpers/componentHelper.js

@@ -1,4 +1,4 @@
-import { computed, ref, StringHelper } from "#imports";
+import { computed, ref } from "#imports";
 export const checkMaxSize = (file, acceptFileSize = 0) => {
   if (acceptFileSize) {
     return file.size / 1e3 <= acceptFileSize;
@@ -90,22 +90,14 @@ export const useFileProgress = () => {
       percent.value = 100;
       return;
     }
-    percent.value = Number.parseFloat(
-      StringHelper.withFixed(
-        (Math.floor(progressEvent.loaded * 100 / progressEvent.total) || 0) * 0.8
-      )
-    );
+    percent.value = (Math.floor(progressEvent.loaded * 100 / progressEvent.total) || 0) * 0.8;
   };
   const onDownloadProgress = (progressEvent) => {
     if (!progressEvent.total || progressEvent.total === 0) {
       percent.value = 100;
       return;
     }
-    percent.value = Number.parseFloat(
-      StringHelper.withFixed(
-        Math.floor(progressEvent.loaded * 100 / progressEvent.total) * 0.2 + 80
-      )
-    );
+    percent.value = Math.floor(progressEvent.loaded * 100 / progressEvent.total) * 0.2 + 80;
   };
   return {
     percent,

package/dist/runtime/types/index.d.ts

@@ -1,4 +1,3 @@
 export * from '../components/Form/types.js';
 export * from '../components/Table/types.js';
 export * from '../components/FlexDeck/types.js';
-export type { IStatus, } from './lib.js';

package/dist/runtime/utils/NumberHelper.d.ts

@@ -0,0 +1,6 @@
+export declare class NumberHelper {
+    static withComma: (value?: number | string) => string;
+    static withFixed: (value?: number | string) => string;
+    static toCurrency: (value?: number | string, currency?: string) => string;
+    static toNumber: (value: any) => number;
+}

package/dist/runtime/utils/NumberHelper.js

@@ -0,0 +1,25 @@
+export class NumberHelper {
+  static withComma = (value = 0) => {
+    return (+(value || 0)).toLocaleString();
+  };
+  static withFixed = (value = 0) => {
+    return (+(value || 0)).toLocaleString(void 0, {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 2
+    });
+  };
+  static toCurrency = (value = 0, currency = "") => {
+    const options = {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    };
+    if (currency) {
+      options.style = "currency";
+      options.currency = currency;
+    }
+    return (+(value || 0)).toLocaleString(void 0, options);
+  };
+  static toNumber = (value) => {
+    return Number(value) || 0;
+  };
+}

package/dist/runtime/utils/StringHelper.d.ts

@@ -1,7 +1,5 @@
 export declare class StringHelper {
     static genString: (length?: number) => string;
-    static withComma: (value?: number | string) => string;
-    static withFixed: (value?: number | string) => string;
     static split: (str: string | null | undefined, separator: string | RegExp) => string[];
     static joinURL: (...parts: string[]) => string;
     static truncate: (str: any, num?: number) => any;

package/dist/runtime/utils/StringHelper.js

@@ -9,15 +9,6 @@ export class StringHelper {
     }
     return result;
   };
-  static withComma = (value = 0) => {
-    return (+(value || 0)).toLocaleString();
-  };
-  static withFixed = (value = 0) => {
-    return (+(value || 0)).toLocaleString(void 0, {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 2
-    });
-  };
   static split = (str, separator) => {
     return `${str || ""}`.split(separator).filter((item) => item).map((item) => item.trim());
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.20.0",
+  "version": "2.21.1",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -32,37 +32,37 @@
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
+    "lint": "eslint . --quiet",
+    "lint:fix": "eslint --fix . --quiet",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "prepare": "husky"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.17.4",
-    "@nuxt/ui": "^3.1.3",
+    "@nuxt/kit": "^3.17.5",
+    "@nuxt/ui": "^3.2.0",
     "@pinia/nuxt": "^0.11.0",
-    "@tiptap/extension-image": "^2.8.0",
-    "@tiptap/extension-link": "^2.8.0",
-    "@tiptap/extension-text-align": "^2.8.0",
-    "@tiptap/extension-text-style": "^2.8.0",
-    "@tiptap/extension-underline": "^2.8.0",
-    "@tiptap/extension-youtube": "^2.8.0",
-    "@tiptap/pm": "^2.8.0",
-    "@tiptap/starter-kit": "^2.8.0",
-    "@tiptap/vue-3": "^2.8.0",
-    "@vee-validate/nuxt": "^4.15.0",
-    "@vee-validate/valibot": "^4.15.0",
+    "@tiptap/extension-image": "^2.23.0",
+    "@tiptap/extension-link": "^2.23.0",
+    "@tiptap/extension-text-align": "^2.23.0",
+    "@tiptap/extension-text-style": "^2.23.0",
+    "@tiptap/extension-underline": "^2.23.0",
+    "@tiptap/extension-youtube": "^2.23.0",
+    "@tiptap/pm": "^2.23.0",
+    "@tiptap/starter-kit": "^2.23.0",
+    "@tiptap/vue-3": "^2.23.0",
+    "@vee-validate/nuxt": "^4.15.1",
+    "@vee-validate/valibot": "^4.15.1",
     "@vuepic/vue-datepicker": "^11.0.2",
     "@vueuse/components": "^13.2.0",
-    "@vueuse/core": "^13.2.0",
+    "@vueuse/core": "^13.4.0",
     "@wdns/vue-code-block": "^2.3.5",
-    "axios": "^1.9.0",
+    "axios": "^1.10.0",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "defu": "^6.1.4",
-    "maska": "^3.0.4",
+    "maska": "^3.1.1",
     "nuxt-lodash": "^2.5.3",
     "@iconify-json/heroicons": "^1.2.2",
     "@iconify-json/ph": "^1.2.2",
@@ -72,25 +72,25 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.26.0",
-    "@nuxt/devtools": "^2.4.1",
-    "@nuxt/eslint-config": "^1.3.1",
+    "@nuxt/devtools": "^2.6.0",
+    "@nuxt/eslint-config": "^1.4.1",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.3",
+    "@nuxt/schema": "^3.17.5",
     "@nuxt/test-utils": "^3.19.0",
     "@types/node": "latest",
-    "changelogen": "^0.5.7",
+    "changelogen": "^0.6.1",
     "eslint": "^9.26.0",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "eslint-plugin-better-tailwindcss": "^3.1.0",
+    "eslint-plugin-better-tailwindcss": "^3.3.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.0.0",
-    "nuxt": "3.17.3",
+    "nuxt": "^3.17.5",
     "typescript": "~5.6.3",
     "typescript-eslint": "^8.18.0",
     "vitest": "^3.1.3",
     "vue-tsc": "^2.2.10"
   },
   "lint-staged": {
-    "*": "eslint --fix"
+    "*": "eslint --fix --quiet"
   }
-}
+}