@finema/core 2.52.3 → 2.52.5

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.52.3",
+  "version": "2.52.5",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -4,7 +4,7 @@ import * as lodash from 'lodash-es';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "2.52.3";
+const version = "2.52.5";
 
 const nuxtAppOptions = {
   head: {

package/dist/runtime/components/Form/InputComponent/index.vue

@@ -1,5 +1,8 @@
 <template>
-  <component :is="props.component" :value="value" v-bind="props"/>
+  <component
+    :is="props.component"
+    v-bind="props"
+  />
 </template>
 
 <script setup>

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

@@ -28,10 +28,16 @@
         <Loader :loading="true" />
       </template>
       <template #empty>
-        <slot v-if="options.status.isLoading" name="loading">
+        <slot
+          v-if="options.status.isLoading"
+          name="loading"
+        >
           <Loader :loading="true" />
         </slot>
-        <slot v-else-if="options.status.isError" name="error">
+        <slot
+          v-else-if="options.status.isError"
+          name="error"
+        >
           <div
             class="text-error-400 flex h-[200px] items-center justify-center text-2xl"
           >
@@ -39,7 +45,10 @@
           </div>
         </slot>
 
-        <slot v-else name="error">
+        <slot
+          v-else
+          name="error"
+        >
           <Empty />
         </slot>
       </template>
@@ -60,8 +69,14 @@
           :row="row"
         />
       </template>
-      <template v-for="(_, slotName) of $slots" #[slotName]="slotProps">
-        <slot :name="slotName" v-bind="slotProps || {}" />
+      <template
+        v-for="(_, slotName) of $slots"
+        #[slotName]="slotProps"
+      >
+        <slot
+          :name="slotName"
+          v-bind="slotProps || {}"
+        />
       </template>
     </UTable>
     <Pagination
@@ -89,7 +104,8 @@ import {
   updateAppConfig,
   useAppConfig,
   useUiConfig,
-  useWatchChange
+  useWatchChange,
+  StringHelper
 } from "#imports";
 import ColumnDateTime from "#core/components/Table/ColumnDateTime.vue";
 import Empty from "#core/components/Empty.vue";

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

@@ -17,12 +17,18 @@
     <Base
       v-bind="$attrs"
       :options="options"
+      :ui="ui"
       @page-change="onPageChange"
       @search="emits('search', q)"
-      :ui="ui"
     >
-      <template v-for="(_, slot) of $slots" #[slot]="slotProps">
-        <slot :name="slot" v-bind="slotProps || {}" />
+      <template
+        v-for="(_, slot) of $slots"
+        #[slot]="slotProps"
+      >
+        <slot
+          :name="slot"
+          v-bind="slotProps || {}"
+        />
       </template>
     </Base>
   </div>

package/dist/runtime/theme/dateTime.js

@@ -1,5 +1,5 @@
 export const dateTimeTheme = {
   slots: {
-    clearIcon: "size-6 mr-3"
+    clearIcon: "size-6 bg-gray-400 hover:bg-gray-400/75 mr-3"
   }
 };

package/dist/runtime/theme/dropdownMenu.js

@@ -2,7 +2,7 @@ export const dropdownMenuTheme = {
   slots: {
     content: "cursor-pointer w-full",
     item: "cursor-pointer max-sm:h-14",
-    clearIcon: "size-6"
+    clearIcon: "size-6 bg-gray-400 hover:bg-gray-400/75"
   },
   variants: {
     size: {

package/dist/runtime/theme/selectMenu.js

@@ -4,7 +4,7 @@ export const selectMenuTheme = {
     trailingIcon: "group-data-[state=open]:rotate-180 transition-transform duration-200",
     selectedWrapper: "flex w-full items-center justify-between",
     selectedLabel: "truncate",
-    clearIcon: "size-6",
+    clearIcon: "size-6 bg-gray-400 hover:bg-gray-400/75",
     item: "cursor-pointer max-sm:h-14",
     tagsWrapper: "flex flex-wrap gap-x-2 gap-y-1",
     tagsItem: "px-1.5 py-0.5 rounded-sm inline-flex items-center gap-0.5 bg-primary text-white data-disabled:cursor-not-allowed data-disabled:opacity-75",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.52.3",
+  "version": "2.52.5",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -32,8 +32,8 @@
     "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 . --quiet",
-    "lint:fix": "eslint --fix . --quiet",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",