@finema/core 2.52.2 → 2.52.4

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.vue

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

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

@@ -1,39 +1,49 @@
 <template>
   <div
-    :class="theme.paginationContainer({
-  class: [ui?.paginationContainer]
-})"
+    :class="
+  theme.paginationContainer({
+    class: [ui?.paginationContainer]
+  })
+"
   >
     <div
-      :class="theme.paginationInfoWrapper({
-  class: [ui?.paginationInfoWrapper]
-})"
+      :class="
+  theme.paginationInfoWrapper({
+    class: [ui?.paginationInfoWrapper]
+  })
+"
     >
       <USelect
         v-if="options.pageOptions && !options.isHideLimitSelect"
         size="lg"
         trailing="รายการ"
-        :class="theme.paginationLimitSelect({
-  class: [ui?.paginationLimitSelect, 'cursor-pointer']
-})"
+        :class="
+  theme.paginationLimitSelect({
+    class: [ui?.paginationLimitSelect, 'cursor-pointer']
+  })
+"
         :items="pageLimitItems"
         :model-value="pageLimit"
         @update:modelValue="emits('pageLimitChange', $event)"
       >
         <template #default="{ modelValue }">
           <p
-            :class="theme.paginationLimitSelectLabel({
-  class: [ui?.paginationLimitSelectLabel]
-})"
+            :class="
+  theme.paginationLimitSelectLabel({
+    class: [ui?.paginationLimitSelectLabel]
+  })
+"
           >
-            {{ modelValue }}  รายการ
+            {{ modelValue }} รายการ
           </p>
         </template>
       </USelect>
       <p
-        :class="theme.paginationInfo({
-  class: [ui?.paginationInfo, '']
-})"
+        :class="
+  theme.paginationInfo({
+    class: [ui?.paginationInfo, '']
+  })
+"
       >
         <span v-if="options.pageOptions">{{ pageBetween }} จากทั้งหมด {{ totalCountWithComma }}</span>
         <span v-else>ทั้งหมด {{ options.rawData.length }} รายการ</span>
@@ -58,7 +68,11 @@
 </template>
 
 <script setup>
-import { computed, NumberHelper, useUiConfig } from "#imports";
+import {
+  computed,
+  NumberHelper,
+  useUiConfig
+} from "#imports";
 import UPagination from "#ui/components/Pagination";
 import USelect from "#ui/components/Select";
 import { tableTheme } from "../../theme/table";
@@ -75,12 +89,8 @@ const pageLimitItems = [
     value: 10
   },
   {
-    label: "20",
-    value: 20
-  },
-  {
-    label: "30",
-    value: 30
+    label: "25",
+    value: 25
   },
   {
     label: "50",

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

@@ -4,7 +4,7 @@ type __VLS_Props = {
     page: number;
     pageLimit: number;
     options: ITableOptions<any> & ISimpleTableOptions<any>;
-    ui?: typeof tableTheme['slots'];
+    ui?: (typeof tableTheme)['slots'];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     search: () => any;

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

@@ -1,34 +1,31 @@
 <template>
-  <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>
-    <Base
-      v-bind="$attrs"
-      :options="options"
-      @page-change="onPageChange"
-      @search="emits('search', q)"
-    >
-      <template
-        v-for="(_, slot) of $slots"
-        #[slot]="slotProps"
-      >
-        <slot
-          :name="slot"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </Base>
-  </div>
+  <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>
+    <Base
+      v-bind="$attrs"
+      :options="options"
+      @page-change="onPageChange"
+      @search="emits('search', q)"
+      :ui="ui"
+    >
+      <template v-for="(_, slot) of $slots" #[slot]="slotProps">
+        <slot :name="slot" v-bind="slotProps || {}" />
+      </template>
+    </Base>
+  </div>
 </template>
 
 <script setup>

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

@@ -6,7 +6,7 @@ type Slot = TableSlots<any> & {
 };
 type __VLS_Props = {
     options: ITableOptions<any>;
-    ui?: typeof tableTheme['slots'];
+    ui?: (typeof tableTheme)['slots'];
 };
 type __VLS_Slots = Slot;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/dist/runtime/server/tsconfig.json

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

package/dist/runtime/theme/table.d.ts

@@ -14,6 +14,7 @@ export declare const tableTheme: {
         thead: string;
         th: string;
         td: string;
+        tr: string;
     };
     variants: {
         pinned: {

package/dist/runtime/theme/table.js

@@ -13,7 +13,8 @@ export const tableTheme = {
     paginationLimitSelectLabel: "font-bold text-gray-600",
     thead: "",
     th: "text-[#475467]  whitespace-nowrap font-medium text-xs",
-    td: "text-[#475467]"
+    td: "text-[#475467]",
+    tr: ""
   },
   variants: {
     pinned: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.52.2",
+  "version": "2.52.4",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -91,4 +91,4 @@
   "lint-staged": {
     "*": "eslint"
   }
-}
+}