@finema/core 2.15.2 → 2.16.0

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

@@ -1,97 +1,97 @@
 <template>
-  <div ref="tableContainer">
-    <div
-      v-if="options.isEnabledSearch"
+  <div ref="tableContainer">
+    <div
+      v-if="options.isEnabledSearch"
       :class="theme.searchContainer({
   class: [ui?.searchContainer]
-})"
-    >
-      <Input
-        v-model="q"
-        icon="i-heroicons-magnifying-glass"
-        :placeholder="options.searchPlaceholder || '\u0E04\u0E49\u0E19\u0E2B\u0E32....'"
-      />
-    </div>
-    <UTable
-      v-bind="$attrs"
-      :loading="options.status.isLoading"
-      :data="options.rawData"
-      :columns="options.columns"
-    >
-      <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="flex h-[200px] items-center justify-center text-2xl text-error-400"
-          >
-            {{ StringHelper.getError(options.status.errorData) }}
-          </div>
-        </slot>
-
-        <slot
-          v-else
-          name="error"
-        >
-          <Empty />
-        </slot>
-      </template>
-      <template
-        v-for="column in options.columns.filter((item) => !!item.type)"
-        #[`${column.accessorKey}-cell`]="{ row }"
-        :key="column.accessorKey"
-      >
-        <component
-          :is="column.type === COLUMN_TYPES.COMPONENT ? column.component : columnTypeComponents[column.type]"
-          v-if="column.type === COLUMN_TYPES.COMPONENT || columnTypeComponents[column.type]"
-          :value="transformValue(column, row)"
-          :column="column"
-          :row="row"
-        />
-      </template>
-      <template
-        v-for="(_, slotName) of $slots"
-        #[slotName]="slotProps"
-      >
-        <slot
-          :name="slotName"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </UTable>
-
-    <div
-      v-if="!options.isHidePagination"
+})"
+    >
+      <Input
+        v-model="q"
+        icon="i-heroicons-magnifying-glass"
+        :placeholder="options.searchPlaceholder || '\u0E04\u0E49\u0E19\u0E2B\u0E32....'"
+      />
+    </div>
+    <UTable
+      v-bind="$attrs"
+      :loading="options.status.isLoading"
+      :data="options.rawData"
+      :columns="options.columns"
+    >
+      <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="flex h-[200px] items-center justify-center text-2xl text-error-400"
+          >
+            {{ StringHelper.getError(options.status.errorData) }}
+          </div>
+        </slot>
+
+        <slot
+          v-else
+          name="error"
+        >
+          <Empty />
+        </slot>
+      </template>
+      <template
+        v-for="column in options.columns.filter((item) => !!item.type)"
+        #[`${column.accessorKey}-cell`]="{ row }"
+        :key="column.accessorKey"
+      >
+        <component
+          :is="column.type === COLUMN_TYPES.COMPONENT ? column.component : columnTypeComponents[column.type]"
+          v-if="column.type === COLUMN_TYPES.COMPONENT || columnTypeComponents[column.type]"
+          :value="transformValue(column, row)"
+          :column="column"
+          :row="row"
+        />
+      </template>
+      <template
+        v-for="(_, slotName) of $slots"
+        #[slotName]="slotProps"
+      >
+        <slot
+          :name="slotName"
+          v-bind="slotProps || {}"
+        />
+      </template>
+    </UTable>
+
+    <div
+      v-if="!options.isHidePagination"
       :class="theme.paginationContainer({
   class: [ui?.paginationContainer]
-})"
-    >
-      <p
+})"
+    >
+      <p
         :class="theme.paginationInfo({
   class: [ui?.paginationInfo]
-})"
-      >
-        {{ pageBetween }} รายการ จากทั้งหมด {{ totalCountWithComma }} รายการ
-      </p>
-      <Pagination
-        v-if="options.pageOptions.totalPage > 1"
-        v-model:page="page"
-        :default-page="options.pageOptions?.currentPage || 1"
-        :items-per-page="options.pageOptions.limit"
-        :total="options.pageOptions.totalCount"
-        @update:page="onPageChange"
-      />
-    </div>
-  </div>
+})"
+      >
+        {{ pageBetween }} รายการ จากทั้งหมด {{ totalCountWithComma }} รายการ
+      </p>
+      <Pagination
+        v-if="options.pageOptions.totalPage > 1"
+        v-model:page="page"
+        :default-page="options.pageOptions?.currentPage || 1"
+        :items-per-page="options.pageOptions.limit"
+        :total="options.pageOptions.totalCount"
+        @update:page="onPageChange"
+      />
+    </div>
+  </div>
 </template>
 
 <script setup>

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

@@ -1,14 +1,23 @@
-import type { BreadcrumbItem } from '@nuxt/ui';
-export interface IDefinePageItem {
+import type { BreadcrumbItem, NavigationMenuItem } from '@nuxt/ui';
+export interface IAppPageMeta {
     title?: string;
     sub_title?: string;
     isHideBreadcrumbs?: boolean;
     breadcrumbs?: BreadcrumbItem[];
 }
-export declare const useApp: import("pinia").StoreDefinition<"_app", {
-    pageMeta: IDefinePageItem;
-    sidebar: BreadcrumbItem[];
-}, {}, {
-    definePage(payload: IDefinePageItem): void;
+export interface IApp {
+    pageMeta: IAppPageMeta;
+    sidebar: NavigationMenuItem[];
+}
+export declare const useApp: import("pinia").StoreDefinition<"_app", IApp, {}, {
+    definePage(pageMeta: IAppPageMeta): void;
     defineSidebar(items: BreadcrumbItem[]): void;
+    patchTitle(payload: {
+        title?: string;
+        sub_title?: string;
+    }): void;
+    patchBreadcrumbs(payload: {
+        breadcrumbs?: BreadcrumbItem[];
+        isHideBreadcrumbs?: boolean;
+    }): void;
 }>;

package/dist/runtime/composables/useApp.js

@@ -5,14 +5,19 @@ export const useApp = defineStore("_app", {
     sidebar: []
   }),
   actions: {
-    definePage(payload) {
-      this.pageMeta.title = payload.title;
-      this.pageMeta.sub_title = payload.sub_title;
-      this.pageMeta.isHideBreadcrumbs = payload.isHideBreadcrumbs;
-      this.pageMeta.breadcrumbs = payload.breadcrumbs;
+    definePage(pageMeta) {
+      this.pageMeta = pageMeta;
     },
     defineSidebar(items) {
       this.sidebar = items;
+    },
+    patchTitle(payload) {
+      this.pageMeta.title = payload.title;
+      this.pageMeta.sub_title = payload.sub_title;
+    },
+    patchBreadcrumbs(payload) {
+      this.pageMeta.breadcrumbs = payload.breadcrumbs || [];
+      this.pageMeta.isHideBreadcrumbs = payload.isHideBreadcrumbs || false;
     }
   }
 });

package/dist/runtime/server/tsconfig.json

@@ -1,3 +1,3 @@
-{
-  "extends": "../../../.nuxt/tsconfig.server.json",
-}
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

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

@@ -0,0 +1,5 @@
+export * from './common.js';
+export * from './lib.js';
+export * from '../components/Form/types.js';
+export * from '../components/Table/types.js';
+export * from '../components/FlexDeck/types.js';

package/dist/runtime/types/index.js

@@ -0,0 +1,5 @@
+export * from "./common.js";
+export * from "./lib.js";
+export * from "../components/Form/types.js";
+export * from "../components/Table/types.js";
+export * from "../components/FlexDeck/types.js";

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@finema/core",
-  "version": "2.15.2",
+  "version": "2.16.0",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
+  "engines": {
+    "node": ">=22"
+  },
   "type": "module",
   "exports": {
     ".": {
@@ -64,6 +67,7 @@
     "@iconify-json/heroicons": "^1.2.2",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
+    "@tailwindcss/typography": "^0.5.0-alpha.3",
     "url-join": "^5.0.0"
   },
   "devDependencies": {
@@ -74,7 +78,6 @@
     "@nuxt/module-builder": "^1.0.1",
     "@nuxt/schema": "^3.17.3",
     "@nuxt/test-utils": "^3.19.0",
-    "@tailwindcss/typography": "^0.5.0-alpha.3",
     "@types/node": "latest",
     "changelogen": "^0.5.7",
     "eslint": "^9.26.0",
@@ -94,4 +97,4 @@
   "lint-staged": {
     "*": "eslint --fix"
   }
-}
+}