@finema/core 1.2.2 → 1.2.5

package/README.md

@@ -1,94 +1,94 @@
-<!--
-Get your module up and running quickly.
-
-Find and replace all on all files (CMD+SHIFT+F):
-- Name: My Module
-- Package name: my-module
-- Description: My new Nuxt module
--->
-
-# @finema/core Nuxt Module
-
-[![npm version][npm-version-src]][npm-version-href]
-[![npm downloads][npm-downloads-src]][npm-downloads-href]
-[![License][license-src]][license-href]
-[![Nuxt][nuxt-src]][nuxt-href]
-
-@finema/core for doing amazing things.
-
-- [✨ &nbsp;Release Notes](/CHANGELOG.md)
-<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
-<!-- - [📖 &nbsp;Documentation](https://example.com) -->
-
-## Features
-
-<!-- Highlight some of the features your module provide here -->
-- ⛰ &nbsp;Foo
-- 🚠 &nbsp;Bar
-- 🌲 &nbsp;Baz
-
-## Quick Setup
-
-1. Add `@finema/core` dependency to your project
-
-```bash
-# Using pnpm
-pnpm add -D @finema/core
-
-# Using yarn
-yarn add --dev @finema/core
-
-# Using npm
-npm install --save-dev @finema/core
-```
-
-1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
-
-```js
-export default defineNuxtConfig({
-  modules: [
-    '@finema/core'
-  ]
-})
-```
-
-That's it! You can now use @finema/core in your Nuxt app ✨
-
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Generate type stubs
-npm run dev:prepare
-
-# Develop with the playground
-npm run dev
-
-# Build the playground
-npm run dev:build
-
-# Run ESLint
-npm run lint
-
-# Run Vitest
-npm run test
-npm run test:watch
-
-# Release new version
-npm run release
-```
-
-<!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-version-href]: https://npmjs.com/package/my-module
-
-[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-downloads-href]: https://npmjs.com/package/my-module
-
-[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
-[license-href]: https://npmjs.com/package/my-module
-
-[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
-[nuxt-href]: https://nuxt.com
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: My Module
+- Package name: my-module
+- Description: My new Nuxt module
+-->
+
+# @finema/core Nuxt Module
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+@finema/core for doing amazing things.
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+<!-- - [📖 &nbsp;Documentation](https://example.com) -->
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+- ⛰ &nbsp;Foo
+- 🚠 &nbsp;Bar
+- 🌲 &nbsp;Baz
+
+## Quick Setup
+
+1. Add `@finema/core` dependency to your project
+
+```bash
+# Using pnpm
+pnpm add -D @finema/core
+
+# Using yarn
+yarn add --dev @finema/core
+
+# Using npm
+npm install --save-dev @finema/core
+```
+
+1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
+
+```js
+export default defineNuxtConfig({
+  modules: [
+    '@finema/core'
+  ]
+})
+```
+
+That's it! You can now use @finema/core in your Nuxt app ✨
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Generate type stubs
+npm run dev:prepare
+
+# Develop with the playground
+npm run dev
+
+# Build the playground
+npm run dev:build
+
+# Run ESLint
+npm run lint
+
+# Run Vitest
+npm run test
+npm run test:watch
+
+# Release new version
+npm run release
+```
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-href]: https://npmjs.com/package/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.d.mts

@@ -1,5 +1,21 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
+declare const app: {
+    limit_per_page: number;
+    default_primary_key: string;
+};
+
+declare const config_app: typeof app;
+declare namespace config {
+  export { config_app as app };
+}
+
+type Strategy = 'merge' | 'override'
+
+type DeepPartial<T> = Partial<{
+  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
+}>
+
 interface ModuleOptions {
     /**
      * @default ''
@@ -10,6 +26,20 @@ interface ModuleOptions {
      */
     global?: boolean;
 }
+type CORE = {
+    strategy?: Strategy;
+    [key: string]: any;
+} & DeepPartial<typeof config>;
+declare module 'nuxt/schema' {
+    interface AppConfigInput {
+        core?: CORE;
+    }
+}
+declare module '@nuxt/schema' {
+    interface AppConfigInput {
+        core?: CORE;
+    }
+}
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -1,5 +1,21 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
+declare const app: {
+    limit_per_page: number;
+    default_primary_key: string;
+};
+
+declare const config_app: typeof app;
+declare namespace config {
+  export { config_app as app };
+}
+
+type Strategy = 'merge' | 'override'
+
+type DeepPartial<T> = Partial<{
+  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
+}>
+
 interface ModuleOptions {
     /**
      * @default ''
@@ -10,6 +26,20 @@ interface ModuleOptions {
      */
     global?: boolean;
 }
+type CORE = {
+    strategy?: Strategy;
+    [key: string]: any;
+} & DeepPartial<typeof config>;
+declare module 'nuxt/schema' {
+    interface AppConfigInput {
+        core?: CORE;
+    }
+}
+declare module '@nuxt/schema' {
+    interface AppConfigInput {
+        core?: CORE;
+    }
+}
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -1,8 +1,8 @@
 {
   "name": "@finema/core",
-  "version": "1.2.2",
+  "version": "1.2.5",
   "configKey": "core",
   "compatibility": {
-    "nuxt": "^3.4.0"
+    "nuxt": "^3.7.4"
   }
 }

package/dist/module.mjs

@@ -1,7 +1,7 @@
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir, addImportsDir } from '@nuxt/kit';
 
 const name = "@finema/core";
-const version = "1.2.2";
+const version = "1.2.5";
 
 const module = defineNuxtModule({
   meta: {
@@ -9,19 +9,143 @@ const module = defineNuxtModule({
     version,
     configKey: "core",
     compatibility: {
-      nuxt: "^3.4.0"
+      nuxt: "^3.7.4"
     }
   },
   // Default configuration options of the Nuxt module
   defaults: {},
-  setup(options, nuxt) {
+  async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     const runtimeDir = resolve("./runtime");
     nuxt.options.build.transpile.push(runtimeDir);
+    nuxt.options.alias["#core"] = runtimeDir;
+    nuxt.options.appConfig.app = {
+      strategy: "merge"
+    };
+    nuxt.hook("tailwindcss:config", (tailwindConfig) => {
+      tailwindConfig.theme.extend.colors = {
+        ...tailwindConfig.theme.extend.colors,
+        black: "#20243E",
+        white: "#FFFFFF",
+        dark: {
+          DEFAULT: "#20243E",
+          50: "#6D7280",
+          100: "#505050"
+        },
+        light: {
+          DEFAULT: "#FAFAFA"
+        },
+        gray: {
+          DEFAULT: "#9095A6",
+          disabled: "#C1C4D0",
+          border: "#E2E4EA",
+          fill: "#F4F5FA"
+        },
+        finema: {
+          DEFAULT: "#3675FB",
+          50: "#F8F8FF",
+          100: "#E8EFFD",
+          200: "#bee3f8",
+          300: "#90cdf4",
+          400: "#63b3ed",
+          500: "#3675FB",
+          600: "#0068FE",
+          700: "#2b6cb0",
+          800: "#2c5282",
+          900: "#20243E"
+        },
+        secondary: {
+          DEFAULT: "#EE8B36",
+          50: "#fdf1e7",
+          100: "#f9d6b8",
+          200: "#f5bb89",
+          300: "#f1a05a",
+          400: "#ed852b",
+          500: "#d46b12",
+          600: "#a5540e",
+          700: "#763c0a",
+          800: "#472406",
+          900: "#180c02"
+        },
+        info: {
+          DEFAULT: "#F64976",
+          50: "#FFEBF0",
+          100: "#F87395",
+          400: "#F87395",
+          500: "#F87395"
+        },
+        danger: {
+          DEFAULT: "#FF4C4C",
+          50: "#ffe5e5",
+          100: "#FF4C4C",
+          400: "#FF4C4C",
+          500: "#FF4C4C"
+        },
+        success: {
+          DEFAULT: "#01B460",
+          50: "#E2FFF0",
+          100: "#52CB8C",
+          400: "#52CB8C",
+          500: "#52CB8C"
+        },
+        warning: {
+          DEFAULT: "#EE7336",
+          50: "#FFEBE2",
+          100: "#FF864B",
+          400: "#FF864B",
+          500: "#FF864B"
+        }
+      };
+    });
+    await installModule("@nuxt/ui");
+    await installModule("@pinia/nuxt");
+    await installModule("@vee-validate/nuxt", {
+      // disable or enable auto imports
+      autoImports: true,
+      // Use different names for components
+      componentNames: {
+        Form: "VeeForm",
+        Field: "VeeField",
+        FieldArray: "VeeFieldArray",
+        ErrorMessage: "VeeErrorMessage"
+      }
+    });
+    await installModule("nuxt-security", {
+      headers: {
+        xXSSProtection: "1; mode=block",
+        crossOriginEmbedderPolicy: "unsafe-none",
+        contentSecurityPolicy: {
+          "img-src": ["*", "'self'", "data:", "https"],
+          "script-src": [
+            "'self'",
+            "'unsafe-inline'",
+            "https://www.google-analytics.com",
+            "https://www.googletagmanager.com",
+            "https://fonts.googleapis.com",
+            "https://cdnjs.cloudflare.com"
+          ],
+          "script-src-attr": [
+            "'unsafe-inline'",
+            "https://www.google-analytics.com",
+            "https://www.googletagmanager.com",
+            "https://fonts.googleapis.com",
+            "https://cdnjs.cloudflare.com"
+          ]
+        }
+      }
+    });
     addPlugin({
       src: resolve(runtimeDir, "plugin")
     });
+    void addComponentsDir({
+      path: resolve(runtimeDir, "components"),
+      prefix: options.prefix,
+      global: options.global,
+      watch: false
+    });
     addImportsDir(resolve(runtimeDir, "composables"));
+    addImportsDir(resolve(runtimeDir, "utils"));
+    addImportsDir(resolve(runtimeDir, "types"));
   }
 });
 

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

@@ -0,0 +1,11 @@
+<template>
+  <UTable :loading="options.status.isLoading" :columns="options.columns" :rows="options.rawData"/>
+</template>
+<script lang="ts" setup>
+import {PropType} from 'vue';
+import {ITableOptions} from '#core/components/Table/types';
+
+defineProps({
+  options: {type: Object as PropType<ITableOptions>, required: true},
+});
+</script>

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

@@ -0,0 +1,72 @@
+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",
+    NUMBER = "NUMBER",
+    ACTION = "ACTION"
+}
+export declare const enum SORT_STATUS {
+    ASC = "asc",
+    DESC = "desc",
+    NONE = "none"
+}
+export interface IColumn {
+    [key: string]: any;
+    key: string;
+    sortable?: boolean;
+    direction?: 'asc' | 'desc';
+    class?: string;
+}
+export interface IColumnItem extends IColumn {
+    sortStatus?: SORT_STATUS;
+}
+export interface IColumnSortStatus {
+    value: string | any;
+    sortKey?: string;
+    sortStatus: SORT_STATUS;
+}
+export interface IRowItem<T = object> {
+    value: string | any;
+    type?: COLUMN_TYPES;
+    title?: string;
+    className?: string;
+    isSelect?: boolean;
+    props?: Record<string, any>;
+    on?: Record<string, any>;
+}
+export type IRow<T = object> = Record<number, IRowItem<T>>;
+export interface ITableOptions<T = object> {
+    rawData: T[];
+    primary: string;
+    isHideBottomPagination?: boolean;
+    isHideTopPagination?: boolean;
+    isNotChangeRoute: boolean;
+    status: IStatus;
+    pageOptions: IPageOptions;
+    columns: IColumn[];
+    rows: any[];
+    isHideToolbar?: boolean;
+    isShowCheckbox?: boolean;
+    deleteStatus?: IStatus;
+    onRowClick?: (index: number, columns: Array<{
+        value: string;
+    }>) => void;
+    onCheckBoxClick?: (index: number[]) => void;
+    onSortChange?: (sortStatus: IColumnSortStatus[]) => void;
+    disabledCheckIndexes?: number[];
+}
+export interface ISimpleTableOptions<T = object> {
+    rawData: T[];
+    primary: string;
+    status: IStatus;
+    columns: IColumn[];
+    rows: Array<IRow<T>>;
+    isHideBottomPagination?: boolean;
+    onRowClick?: (index: number, columns: Array<{
+        value: string;
+    }>) => void;
+    onCheckBoxClick?: (index: number[]) => void;
+    onSortChange?: (sortStatus: IColumnSortStatus[]) => void;
+}

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

@@ -0,0 +1,15 @@
+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";
+  COLUMN_TYPES2["NUMBER"] = "NUMBER";
+  COLUMN_TYPES2["ACTION"] = "ACTION";
+  return COLUMN_TYPES2;
+})(COLUMN_TYPES || {});
+export var SORT_STATUS = /* @__PURE__ */ ((SORT_STATUS2) => {
+  SORT_STATUS2["ASC"] = "asc";
+  SORT_STATUS2["DESC"] = "desc";
+  SORT_STATUS2["NONE"] = "none";
+  return SORT_STATUS2;
+})(SORT_STATUS || {});

package/dist/runtime/{lib/api → composables}/loaderList.d.ts

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

package/dist/runtime/{lib/api → composables}/loaderList.mjs

@@ -1,6 +1,6 @@
 import { ref } from "vue";
-import { ObjectHelper } from "../../utils/ObjectHelper.mjs";
-import { apiListHelper } from "./apiListHelper.mjs";
+import { ObjectHelper } from "../utils/ObjectHelper.mjs";
+import { apiListHelper } from "#core/helpers/apiListHelper";
 export const useListLoader = (loaderOptions) => {
   const status = ref(ObjectHelper.createStatus());
   const items = ref([]);

package/dist/runtime/{lib/api → composables}/loaderObject.d.ts

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

package/dist/runtime/{lib/api → composables}/loaderObject.mjs

@@ -1,6 +1,6 @@
 import { ref } from "vue";
-import { ObjectHelper } from "../../utils/ObjectHelper.mjs";
-import { apiObjectHelper } from "./apiObjectHelper.mjs";
+import { ObjectHelper } from "../utils/ObjectHelper.mjs";
+import { apiObjectHelper } from "#core/helpers/apiObjectHelper";
 export const useObjectLoader = (loaderOptions) => {
   const status = ref(ObjectHelper.createStatus());
   const data = ref(null);

package/dist/runtime/{lib/api → composables}/loaderPage.d.ts

@@ -1,5 +1,7 @@
-import { type IPageLoaderOptions, type IUsePageLoader } from './loaderTypes';
-export declare const initPageOptions: () => {
+export declare const initPageOptions: (options: {
+    limit: number;
+    primary: string;
+}) => {
     currentPageCount: number;
     currentPage: number;
     totalPage: number;

package/dist/runtime/{lib/api → composables}/loaderPage.mjs

@@ -1,23 +1,26 @@
 import { ref } from "vue";
-import { ObjectHelper } from "../../utils/ObjectHelper.mjs";
+import { ObjectHelper } from "../utils/ObjectHelper.mjs";
+import { mergeConfig } from "#ui/utils";
+import { app } from "#core/core.config";
 import {
   apiAddHelper,
   apiDeleteHelper,
   apiFetchHelper,
   apiFindHelper,
   updateHelper
-} from "./apiPageHelper.mjs";
-import { CONFIG } from "./config.mjs";
-export const initPageOptions = () => ({
+} from "#core/helpers/apiPageHelper";
+import appConfig from "#build/app.config";
+export const initPageOptions = (options) => ({
   currentPageCount: 0,
   currentPage: 1,
   totalPage: 0,
   totalCount: 0,
-  limit: CONFIG.LIMIT_PER_PAGE,
+  limit: options.limit,
   search: "",
-  primary: CONFIG.DEFAULT_PRIMARY
+  primary: options.primary
 });
 export const usePageLoader = (loaderOptions) => {
+  const config = mergeConfig(appConfig.app.strategy, appConfig.app, app);
   const fetchStatus = ref(ObjectHelper.createStatus());
   const fetchItems = ref([]);
   const findItem = ref(null);
@@ -28,7 +31,12 @@ export const usePageLoader = (loaderOptions) => {
   const addStatus = ref(ObjectHelper.createStatus());
   const updateStatus = ref(ObjectHelper.createStatus());
   const deleteStatus = ref(ObjectHelper.createStatus());
-  const fetchOptions = ref(initPageOptions());
+  const fetchOptions = ref(
+    initPageOptions({
+      limit: config.limit_per_page,
+      primary: config.default_primary_key
+    })
+  );
   const addOptions = ref({});
   const findOptions = ref({});
   const updateOptions = ref({});
@@ -42,7 +50,10 @@ export const usePageLoader = (loaderOptions) => {
     deleteItem.value = null;
     updateItem.value = null;
     fetchStatus.value = ObjectHelper.createStatus();
-    fetchOptions.value = initPageOptions();
+    fetchOptions.value = initPageOptions({
+      limit: config.limit_per_page,
+      primary: config.default_primary_key
+    });
     findOptions.value = {};
     addOptions.value = {};
     deleteOptions.value = {};

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

@@ -0,0 +1,20 @@
+import { type ComputedRef } from 'vue';
+import { type Store } from 'pinia';
+import { type IStatus, type IUsePageLoader } from '#imports';
+import { type IColumn, type IRow, type ISimpleTableOptions, type ITableOptions } from '#core/components/Table/types';
+export interface IUseTable<T = object> {
+    repo: IUsePageLoader<T> | Store<any, any>;
+    columns: () => IColumn[];
+    rows: (items: T[]) => IRow[];
+    options?: (() => Partial<ITableOptions<T>>) | Partial<ITableOptions<T>>;
+}
+export interface IUseSimpleTable<T = object> {
+    items: () => T[];
+    status?: () => IStatus;
+    columns: () => IColumn[];
+    rows: (items: T[]) => IRow[];
+    options?: (() => Partial<ISimpleTableOptions<T>>) | Partial<ISimpleTableOptions<T>>;
+}
+export declare const useTable: <T = object>(options: IUseTable<T>) => ComputedRef<ITableOptions<T>>;
+export declare const useSimpleTable: <T = object>(options: IUseSimpleTable<T>) => ComputedRef<ISimpleTableOptions<T>>;
+export declare const createTableOptions: <T = object>(repo: IUsePageLoader<T>, columns: IColumn[], rows: IRow[], options: ITableOptions<T>) => ITableOptions<T>;

package/dist/runtime/composables/useTable.mjs

@@ -0,0 +1,39 @@
+import { get } from "@vueuse/core";
+import { computed, ObjectHelper } from "#imports";
+import { mergeConfig } from "#ui/utils";
+import { app } from "#core/core.config";
+import appConfig from "#build/app.config";
+export const useTable = (options) => computed(() => {
+  return createTableOptions(
+    options.repo,
+    options.columns(),
+    options.rows(get(options.repo.fetchItems)),
+    typeof options.options === "function" ? options.options() : options.options ?? {}
+  );
+});
+export const useSimpleTable = (options) => computed(() => {
+  const config = mergeConfig(appConfig.app.strategy, appConfig.app, app);
+  return {
+    items: options.items(),
+    columns: options.columns(),
+    rows: options.rows(options.items()),
+    rawData: options.items(),
+    status: options.status ? options.status() : ObjectHelper.createStatus(),
+    primary: config.default_primary_key,
+    ...typeof options.options === "function" ? options.options() : options.options ?? {}
+  };
+});
+export const createTableOptions = (repo, columns, rows, options) => {
+  const config = mergeConfig(appConfig.app.strategy, appConfig.app, app);
+  return {
+    rawData: get(repo.fetchItems),
+    pageOptions: get(repo.fetchOptions),
+    columns,
+    rows,
+    status: get(repo.fetchStatus),
+    deleteStatus: get(repo.deleteStatus),
+    primary: get(repo.fetchOptions).primary ?? config.default_primary_key,
+    isNotChangeRoute: false,
+    ...options
+  };
+};

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

@@ -0,0 +1,3 @@
+export declare const useWatchTrue: (source: () => boolean, cb: (v: boolean, o: boolean) => any) => void;
+export declare const useWatchFalse: (source: () => boolean, cb: (v: boolean, o: boolean) => any) => void;
+export declare const useWatchChange: (source: () => any, cb: (v: any, o: any) => any) => void;

package/dist/runtime/composables/useWatch.mjs

@@ -0,0 +1,22 @@
+import { ParamHelper, watch } from "#imports";
+export const useWatchTrue = (source, cb) => {
+  watch(source, (value, oldVal) => {
+    if (ParamHelper.isChangeWithTrue(value, oldVal)) {
+      cb(value, oldVal);
+    }
+  });
+};
+export const useWatchFalse = (source, cb) => {
+  watch(source, (value, oldVal) => {
+    if (ParamHelper.isChangeWithFalse(value, oldVal)) {
+      cb(value, oldVal);
+    }
+  });
+};
+export const useWatchChange = (source, cb) => {
+  watch(source, (value, oldVal) => {
+    if (value !== oldVal) {
+      cb(value, oldVal);
+    }
+  });
+};

package/dist/runtime/core.config.d.ts

@@ -0,0 +1,4 @@
+export declare const app: {
+    limit_per_page: number;
+    default_primary_key: string;
+};

package/dist/runtime/core.config.mjs

@@ -0,0 +1,4 @@
+export const app = {
+  limit_per_page: 30,
+  default_primary_key: "id"
+};

package/dist/runtime/{lib/api → helpers}/apiListHelper.d.ts

@@ -1,3 +1,3 @@
-import { type IAPIListState, type IAPIOptions, type IStatus } from '../../types/lib';
-import { type IListLoaderOptions, type IListRunLoaderOptions } from './loaderTypes';
-export declare const apiListHelper: <T, O>(state: () => IAPIListState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateItems: (data: T[]) => void, opts: IListLoaderOptions<T, O> & IListRunLoaderOptions<T, O>) => Promise<void>;
+import { type IAPIListState, type IAPIOptions, type IStatus } from '#core/types/lib';
+import { type IListLoaderOptions, type IListRunLoaderOptions } from '#core/types/loaderTypes';
+export declare const apiListHelper: <T, O>(state: () => IAPIListState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateItems: (data: T[]) => void, opts: any) => Promise<void>;

package/dist/runtime/{lib/api → helpers}/apiListHelper.mjs

@@ -1,6 +1,6 @@
-import { NewRequester } from "../Requester.mjs";
-import { ObjectHelper } from "../../utils/ObjectHelper.mjs";
-import { ParamHelper } from "../../utils/ParamHelper.mjs";
+import { ObjectHelper } from "../utils/ObjectHelper.mjs";
+import { ParamHelper } from "#imports";
+import { NewRequester } from "#core/lib/Requester";
 export const apiListHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateItems, opts) => {
   const timestamp = state().options._timestamp;
   if (opts.expire && timestamp) {

package/dist/runtime/{lib/api → helpers}/apiObjectHelper.d.ts

@@ -1,3 +1,3 @@
-import { type IAPIObjectState, type IAPIOptions, type IStatus } from '../../types/lib';
-import { type IObjectLoaderOptions, type IObjectRunLoaderOptions } from './loaderTypes';
-export declare const apiObjectHelper: <T, B, O>(state: () => IAPIObjectState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateData: (data: any) => void, data: B | undefined, opts: IObjectLoaderOptions<T, B, O> & IObjectRunLoaderOptions<T, O>) => Promise<void>;
+import { type IAPIObjectState, type IAPIOptions, type IStatus } from '#core/types/lib';
+import { type IObjectLoaderOptions, type IObjectRunLoaderOptions } from '#core/types/loaderTypes';
+export declare const apiObjectHelper: <T, B, O>(state: () => IAPIObjectState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateData: (data: any) => void, data: B | undefined, opts: any) => Promise<void>;

package/dist/runtime/{lib/api → helpers}/apiObjectHelper.mjs

@@ -1,6 +1,6 @@
-import { NewRequester } from "../Requester.mjs";
-import { ObjectHelper } from "../../utils/ObjectHelper.mjs";
-import { ParamHelper } from "../../utils/ParamHelper.mjs";
+import { ObjectHelper } from "../utils/ObjectHelper.mjs";
+import { ParamHelper } from "#core/utils/ParamHelper";
+import { NewRequester } from "#core/lib/Requester";
 export const apiObjectHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateData, data, opts) => {
   const timestamp = state().options._timestamp;
   if (opts.expire && timestamp) {

package/dist/runtime/{lib/api → helpers}/apiPageHelper.d.ts

@@ -1,7 +1,7 @@
-import { type IAPIAddState, type IAPIDeleteState, type IAPIFetchState, type IAPIFindState, type IAPIOptions, type IAPIUpdateState, type IPageOptions, type IStatus } from '../../types/lib';
-import { type IPageDeleteLoaderOptions, type IPageFetchLoaderOptions, type IPageFindLoaderOptions, type IPageLoaderOptions, type IPageUpdateLoaderOptions } from './loaderTypes';
+import { type IPageDeleteLoaderOptions, type IPageFetchLoaderOptions, type IPageFindLoaderOptions, type IPageLoaderOptions, type IPageUpdateLoaderOptions } from '#core/types/loaderTypes';
+import { type IAPIAddState, type IAPIDeleteState, type IAPIFetchState, type IAPIFindState, type IAPIOptions, type IAPIUpdateState, type IPageOptions, type IStatus } from '#core/types/lib';
 export declare const apiAddHelper: <T>(state: () => IAPIAddState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateData: (data: any) => void, onUpdateItems: (data: any[]) => void, data: any, opts: IPageLoaderOptions<any> & IPageFetchLoaderOptions) => Promise<void>;
 export declare const apiDeleteHelper: <T>(state: () => IAPIDeleteState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, _onUpdateData: (data: T) => void, onUpdateItems: (data: T[]) => void, id: string | number, opts: IPageLoaderOptions<any> & IPageDeleteLoaderOptions) => Promise<void>;
-export declare const apiFetchHelper: <T>(state: () => IAPIFetchState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IPageOptions) => void, onUpdateItems: (items: T[]) => void, page: number, query: string, opts: IPageLoaderOptions<T> & IPageFetchLoaderOptions<any>) => Promise<void>;
-export declare const apiFindHelper: <T>(state: () => IAPIFindState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateData: (data: any) => void, id: string | number, opts: IPageLoaderOptions<T> & IPageFindLoaderOptions<Record<string, any>>) => Promise<void>;
+export declare const apiFetchHelper: <T>(state: () => IAPIFetchState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IPageOptions) => void, onUpdateItems: (items: T[]) => void, page: number, query: string, opts: any) => Promise<void>;
+export declare const apiFindHelper: <T>(state: () => IAPIFindState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateData: (data: any) => void, id: string | number, opts: any) => Promise<void>;
 export declare const updateHelper: <T>(state: () => IAPIUpdateState<T>, onUpdateStatus: (status: IStatus) => void, onUpdateOptions: (options: IAPIOptions) => void, onUpdateData: (data: T) => void, _onUpdateItems: (data: T[]) => void, onUpdateOldData: (data: T) => void, id: string | number, data: any, opts: IPageLoaderOptions<any> & IPageUpdateLoaderOptions) => Promise<void>;

package/dist/runtime/{lib/api → helpers}/apiPageHelper.mjs

@@ -1,8 +1,10 @@
-import { NewRequester } from "../Requester.mjs";
-import { ObjectHelper } from "../../utils/ObjectHelper.mjs";
-import { _findIndex, _get, _shuffle } from "../../utils/lodash.mjs";
-import { ParamHelper } from "../../utils/ParamHelper.mjs";
-import { CONFIG } from "./config.mjs";
+import { ObjectHelper } from "../utils/ObjectHelper.mjs";
+import { ParamHelper } from "#core/utils/ParamHelper";
+import { NewRequester } from "#core/lib/Requester";
+import { _findIndex, _get, _shuffle } from "#core/utils/lodash";
+import { mergeConfig } from "#ui/utils";
+import { app } from "#core/core.config";
+import appConfig from "#build/app.config";
 export const apiAddHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateData, onUpdateItems, data, opts) => {
   onUpdateStatus(ObjectHelper.toLoadingStatus(state().status));
   onUpdateOptions({});
@@ -88,6 +90,7 @@ export const apiDeleteHelper = async (state, onUpdateStatus, onUpdateOptions, _o
   onUpdateStatus(ObjectHelper.toCompleteStatus(state().status));
 };
 export const apiFetchHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateItems, page, query, opts) => {
+  const config = mergeConfig(appConfig.app.strategy, appConfig.app, app);
   const timestamp = state().options._timestamp;
   if (opts.expire && timestamp) {
     if (timestamp + opts.expire > Date.now()) {
@@ -117,7 +120,7 @@ export const apiFetchHelper = async (state, onUpdateStatus, onUpdateOptions, onU
     ...opts.getBaseRequestOptions?.() || {},
     ...opts.fetch?.getRequestOptions?.(page, query, opts) ?? {}
   };
-  const limit = reqOptions.params?.limit || CONFIG.LIMIT_PER_PAGE;
+  const limit = reqOptions.params?.limit || config.limit_per_page;
   reqOptions.params = {
     limit,
     page,

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

@@ -1,13 +1,8 @@
 export interface IError {
-  code: string
-  message: any
+    code: string;
+    message: any;
 }
-
 export interface IOption {
-  value: any
-  label: string
-}
-
-interface IGetParams {
-  params?: Record<string, any>
+    value: any;
+    label: string;
 }

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

@@ -1,102 +1,89 @@
-import { type AxiosRequestConfig } from 'axios'
-
+import { type AxiosRequestConfig } from 'axios';
 export interface IAPIOptions {
-  _status?: number
-  _timestamp?: number
-  request?: Partial<AxiosRequestConfig>
-  [key: string]: any
+    _status?: number;
+    _timestamp?: number;
+    request?: Partial<AxiosRequestConfig>;
+    [key: string]: any;
 }
-
 export interface IPageOptions extends IAPIOptions {
-  currentPageCount: number
-  currentPage: number
-  totalPage: number
-  totalCount: number
-  limit: number
-  search?: string
-  primary?: string
+    currentPageCount: number;
+    currentPage: number;
+    totalPage: number;
+    totalCount: number;
+    limit: number;
+    search?: string;
+    primary?: string;
 }
-
 export interface IStatus {
-  isError: boolean
-  isSuccess: boolean
-  isLoading: boolean
-  isLoaded: boolean
-  errorData: any | null
+    isError: boolean;
+    isSuccess: boolean;
+    isLoading: boolean;
+    isLoaded: boolean;
+    errorData: any | null;
 }
-
 export interface IAPIFetchState<T> {
-  items: T[]
-  status: IStatus
-  options: IPageOptions
+    items: T[];
+    status: IStatus;
+    options: IPageOptions;
 }
-
 export interface IAPIFindState<T> {
-  data: T
-  status: IStatus
-  options: IAPIOptions
+    data: T;
+    status: IStatus;
+    options: IAPIOptions;
 }
-
 export interface IAPIAddState<T> {
-  data: T
-  items: T[]
-  status: IStatus
-  options: IAPIOptions
+    data: T;
+    items: T[];
+    status: IStatus;
+    options: IAPIOptions;
 }
-
 export interface IAPIObjectState<T> {
-  data: T | null
-  status: IStatus
-  options: IAPIOptions
+    data: T | null;
+    status: IStatus;
+    options: IAPIOptions;
 }
-
 export interface IAPIListState<T> {
-  items: T[]
-  status: IStatus
-  options: IAPIOptions
+    items: T[];
+    status: IStatus;
+    options: IAPIOptions;
 }
-
 export interface IAPIDeleteState<T> {
-  data: T
-  items: T[]
-  status: IStatus
-  options: IAPIOptions
+    data: T;
+    items: T[];
+    status: IStatus;
+    options: IAPIOptions;
 }
-
 export interface IAPIUpdateState<T> {
-  data: T
-  oldData: T
-  items: T[] | undefined | null
-  status: IStatus
-  options: IAPIOptions
+    data: T;
+    oldData: T;
+    items: T[] | undefined | null;
+    status: IStatus;
+    options: IAPIOptions;
 }
-
 export interface IPageState<T> {
-  deleteStatus: IStatus
-  updateStatus: IStatus
-  addStatus: IStatus
-  findStatus: IStatus
-  fetchStatus: IStatus
-  fetchItems: T[]
-  findItem: null | T
-  addItem: null | T
-  updateItem: null | T
-  deleteItem: null | T | any
-  findOptions: object
-  addOptions: object
-  deleteOptions: object
-  updateOptions: object
-  fetchOptions: IPageOptions
+    deleteStatus: IStatus;
+    updateStatus: IStatus;
+    addStatus: IStatus;
+    findStatus: IStatus;
+    fetchStatus: IStatus;
+    fetchItems: T[];
+    findItem: null | T;
+    addItem: null | T;
+    updateItem: null | T;
+    deleteItem: null | T | any;
+    findOptions: object;
+    addOptions: object;
+    deleteOptions: object;
+    updateOptions: object;
+    fetchOptions: IPageOptions;
 }
-
 export interface IObjectState<T> {
-  data: T | null
-  status: IStatus
-  options: IAPIOptions
+    data: T | null;
+    status: IStatus;
+    options: IAPIOptions;
 }
-
 export interface IListState<T> {
-  items: T[]
-  status: IStatus
-  options: IAPIOptions
+    items: T[];
+    status: IStatus;
+    options: IAPIOptions;
 }

package/dist/runtime/{lib/api → types}/loaderTypes.d.ts

@@ -1,6 +1,6 @@
 import { type AxiosRequestConfig, type Method } from 'axios';
 import { type Ref, type UnwrapRef } from 'vue';
-import { type IAPIOptions, type IPageOptions, type IStatus } from '../../types/lib';
+import { type IAPIOptions, type IPageOptions, type IStatus } from '~/src/runtime/types/lib';
 export interface IPageFetchLoaderOptions<D = Record<string, any>> {
     isMock?: boolean;
     params?: Record<string, any>;

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

@@ -0,0 +1,9 @@
+export type Strategy = 'merge' | 'override'
+
+export type NestedKeyOf<ObjectType extends object> = {
+  [Key in keyof ObjectType]: ObjectType[Key] extends object ? NestedKeyOf<ObjectType[Key]> : Key
+}[keyof ObjectType]
+
+export type DeepPartial<T> = Partial<{
+  [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
+}>

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

@@ -1,6 +1,6 @@
-import { type IError, type IGetParams } from '../types/common';
+import { type IError } from '../types/common';
 export declare class ParamHelper {
-    static getParams: (opts: IGetParams, reqOptions: IGetParams) => Record<string, any> | undefined;
+    static getParams: (opts: IGetParams, reqOptions: IGetParams) => any;
     static getBoolTrue: (bool: any) => boolean;
     static getBoolFalse: (bool: any) => boolean;
     static isNotFoundError: (error: IError | any) => boolean;

package/dist/types.d.mts

@@ -12,4 +12,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { ModuleOptions, default } from './module'
+export { app } from './module'

package/dist/types.d.ts

@@ -12,4 +12,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { ModuleOptions, default } from './module'
+export { app } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.2.2",
+  "version": "1.2.5",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Development Team",
@@ -33,10 +33,13 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.7.4",
+    "@nuxt/ui": "^2.9.0",
     "@pinia/nuxt": "^0.4.11",
+    "@vee-validate/nuxt": "^4.11.8",
     "axios": "^1.5.1",
     "dayjs": "^1.11.10",
     "lodash": "^4.17.21",
+    "nuxt-security": "^0.14.4",
     "pinia": "^2.1.6",
     "url-join": "^5.0.0"
   },

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

@@ -1,24 +0,0 @@
-import * as CoreLibs from '../lib';
-export declare const useLibs: () => {
-    Requester: typeof CoreLibs.Requester;
-    NewRequester: CoreLibs.IRequester;
-    apiListHelper: <T, O>(state: () => import("../types/lib").IAPIListState<T>, onUpdateStatus: (status: import("../types/lib").IStatus) => void, onUpdateOptions: (options: import("../types/lib").IAPIOptions) => void, onUpdateItems: (data: T[]) => void, opts: CoreLibs.IListLoaderOptions<T, O> & CoreLibs.IListRunLoaderOptions<T, O>) => Promise<void>;
-    apiObjectHelper: <T_1, B, O_1>(state: () => import("../types/lib").IAPIObjectState<T_1>, onUpdateStatus: (status: import("../types/lib").IStatus) => void, onUpdateOptions: (options: import("../types/lib").IAPIOptions) => void, onUpdateData: (data: any) => void, data: B | undefined, opts: CoreLibs.IObjectLoaderOptions<T_1, B, O_1> & CoreLibs.IObjectRunLoaderOptions<T_1, O_1>) => Promise<void>;
-    apiAddHelper: <T_2>(state: () => import("../types/lib").IAPIAddState<T_2>, onUpdateStatus: (status: import("../types/lib").IStatus) => void, onUpdateOptions: (options: import("../types/lib").IAPIOptions) => void, onUpdateData: (data: any) => void, onUpdateItems: (data: any[]) => void, data: any, opts: CoreLibs.IPageLoaderOptions<any> & CoreLibs.IPageFetchLoaderOptions<Record<string, any>>) => Promise<void>;
-    apiDeleteHelper: <T_3>(state: () => import("../types/lib").IAPIDeleteState<T_3>, onUpdateStatus: (status: import("../types/lib").IStatus) => void, onUpdateOptions: (options: import("../types/lib").IAPIOptions) => void, _onUpdateData: (data: T_3) => void, onUpdateItems: (data: T_3[]) => void, id: string | number, opts: CoreLibs.IPageLoaderOptions<any> & CoreLibs.IPageDeleteLoaderOptions<Record<string, any>>) => Promise<void>;
-    apiFetchHelper: <T_4>(state: () => import("../types/lib").IAPIFetchState<T_4>, onUpdateStatus: (status: import("../types/lib").IStatus) => void, onUpdateOptions: (options: import("../types/lib").IPageOptions) => void, onUpdateItems: (items: T_4[]) => void, page: number, query: string, opts: CoreLibs.IPageLoaderOptions<T_4> & CoreLibs.IPageFetchLoaderOptions<any>) => Promise<void>;
-    apiFindHelper: <T_5>(state: () => import("../types/lib").IAPIFindState<T_5>, onUpdateStatus: (status: import("../types/lib").IStatus) => void, onUpdateOptions: (options: import("../types/lib").IAPIOptions) => void, onUpdateData: (data: any) => void, id: string | number, opts: CoreLibs.IPageLoaderOptions<T_5> & CoreLibs.IPageFindLoaderOptions<Record<string, any>>) => Promise<void>;
-    updateHelper: <T_6>(state: () => import("../types/lib").IAPIUpdateState<T_6>, onUpdateStatus: (status: import("../types/lib").IStatus) => void, onUpdateOptions: (options: import("../types/lib").IAPIOptions) => void, onUpdateData: (data: T_6) => void, _onUpdateItems: (data: T_6[]) => void, onUpdateOldData: (data: T_6) => void, id: string | number, data: any, opts: CoreLibs.IPageLoaderOptions<any> & CoreLibs.IPageUpdateLoaderOptions<Record<string, any>>) => Promise<void>;
-    useListLoader: <T_7 = any, O_2 = Record<string, any>>(loaderOptions: CoreLibs.IListLoaderOptions<T_7, O_2>) => CoreLibs.IUseListLoader<T_7, O_2>;
-    useObjectLoader: <T_8 = any, B_1 = any, O_3 = Record<string, any>>(loaderOptions: CoreLibs.IObjectLoaderOptions<T_8, B_1, O_3>) => CoreLibs.IUseObjectLoader<T_8, B_1, O_3>;
-    initPageOptions: () => {
-        currentPageCount: number;
-        currentPage: number;
-        totalPage: number;
-        totalCount: number;
-        limit: number;
-        search: string;
-        primary: string;
-    };
-    usePageLoader: <T_9 = any>(loaderOptions: CoreLibs.IPageLoaderOptions<T_9>) => CoreLibs.IUsePageLoader<T_9>;
-};

package/dist/runtime/composables/useLibs.mjs

@@ -1,4 +0,0 @@
-import * as CoreLibs from "../lib/index.mjs";
-export const useLibs = () => {
-  return { ...CoreLibs };
-};

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

@@ -1,10 +0,0 @@
-import { StringHelper } from '../utils/StringHelper';
-import { TimeHelper } from '../utils/TimeHelper';
-import { ParamHelper } from '../utils/ParamHelper';
-import { FileHelper } from '../utils/FileHelper';
-export declare const useUtils: () => {
-    StringHelper: typeof StringHelper;
-    TimeHelper: typeof TimeHelper;
-    ParamHelper: typeof ParamHelper;
-    FileHelper: typeof FileHelper;
-};

package/dist/runtime/composables/useUtils.mjs

@@ -1,12 +0,0 @@
-import { StringHelper } from "../utils/StringHelper.mjs";
-import { TimeHelper } from "../utils/TimeHelper.mjs";
-import { ParamHelper } from "../utils/ParamHelper.mjs";
-import { FileHelper } from "../utils/FileHelper.mjs";
-export const useUtils = () => {
-  return {
-    StringHelper,
-    TimeHelper,
-    ParamHelper,
-    FileHelper
-  };
-};

package/dist/runtime/lib/api/config.d.ts

@@ -1,4 +0,0 @@
-export declare const CONFIG: {
-    LIMIT_PER_PAGE: number;
-    DEFAULT_PRIMARY: string;
-};

package/dist/runtime/lib/api/config.mjs

@@ -1,4 +0,0 @@
-export const CONFIG = {
-  LIMIT_PER_PAGE: 30,
-  DEFAULT_PRIMARY: "id"
-};

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

@@ -1,8 +0,0 @@
-export * from './Requester';
-export * from './api/apiListHelper';
-export * from './api/apiObjectHelper';
-export * from './api/apiPageHelper';
-export * from './api/loaderList';
-export * from './api/loaderObject';
-export * from './api/loaderPage';
-export * from './api/loaderTypes';

package/dist/runtime/lib/index.mjs

@@ -1,8 +0,0 @@
-export * from "./Requester.mjs";
-export * from "./api/apiListHelper.mjs";
-export * from "./api/apiObjectHelper.mjs";
-export * from "./api/apiPageHelper.mjs";
-export * from "./api/loaderList.mjs";
-export * from "./api/loaderObject.mjs";
-export * from "./api/loaderPage.mjs";
-export * from "./api/loaderTypes.mjs";