@finema/core 1.4.39 → 1.4.41

package/dist/module.d.mts

@@ -7,6 +7,7 @@ declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    is_thai_month: boolean;
     site_name: string;
 };
 

package/dist/module.d.ts

@@ -7,6 +7,7 @@ declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    is_thai_month: boolean;
     site_name: string;
 };
 

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.39",
+  "version": "1.4.41",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.39";
+const version = "1.4.41";
 
 const colors = {
   black: "#20243E",

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

@@ -1,13 +1,38 @@
 <template>
   <FieldWrapper v-bind="wrapperProps">
     <UInput
+      v-if="type === 'password'"
       v-model="value"
       :disabled="wrapperProps.isDisabled"
       :leading-icon="leadingIcon"
       :trailing-icon="trailingIcon"
       :name="name"
       :placeholder="wrapperProps.placeholder"
-      :type="isShowPassword ? 'text' : type || 'text'"
+      :type="isShowPassword ? 'text' : 'password'"
+      :autofocus="!!autoFocus"
+      :icon="icon"
+      :readonly="isReadonly"
+      :ui="_deepMerge({}, ui, { icon: { trailing: { pointer: '' } } })"
+    >
+      <template #trailing>
+        <UButton
+          color="gray"
+          variant="link"
+          :icon="isShowPassword ? 'i-heroicons-eye' : 'i-heroicons-eye-slash'"
+          :padded="false"
+          @click="isShowPassword = !isShowPassword"
+        />
+      </template>
+    </UInput>
+    <UInput
+      v-else
+      v-model="value"
+      :disabled="wrapperProps.isDisabled"
+      :leading-icon="leadingIcon"
+      :trailing-icon="trailingIcon"
+      :name="name"
+      :placeholder="wrapperProps.placeholder"
+      :type="type || 'text'"
       :autofocus="!!autoFocus"
       :icon="icon"
       :readonly="isReadonly"
@@ -16,7 +41,7 @@
   </FieldWrapper>
 </template>
 <script lang="ts" setup>
-import { ref } from '#imports'
+import { _deepMerge, ref } from '#imports'
 import { type ITextFieldProps } from '#core/components/Form/InputText/types'
 import { useFieldHOC } from '#core/composables/useForm'
 import FieldWrapper from '#core/components/Form/FieldWrapper.vue'

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

@@ -12,5 +12,5 @@ const props = defineProps<{
   column: IColumn
 }>()
 
-const getValue = computed<string>(() => TimeHelper.getDateFormTime(props.value))
+const getValue = computed<string>(() => TimeHelper.displayDate(props.value))
 </script>

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

@@ -1,12 +1,5 @@
 <template>
-  <p :title="`${getValue.date} ${getValue.time}`" class="flex flex-col whitespace-nowrap px-4">
-    <span>
-      {{ getValue.date }}
-    </span>
-    <span class="text-gray text-xs">
-      {{ getValue.time }}
-    </span>
-  </p>
+  {{ getValue }}
 </template>
 <script lang="ts" setup>
 import { computed } from 'vue'
@@ -19,12 +12,7 @@ const props = defineProps<{
   column: IColumn
 }>()
 
-const getValue = computed<{ date: string; time: string }>(() => {
-  return props.value
-    ? {
-        date: TimeHelper.getDateFormTime(props.value),
-        time: TimeHelper.getTimeFormTime(props.value),
-      }
-    : { date: '-', time: '-' }
+const getValue = computed(() => {
+  return TimeHelper.displayDateTime(props.value)
 })
 </script>

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

@@ -5,5 +5,6 @@ export declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    is_thai_month: boolean;
     site_name: string;
 };

package/dist/runtime/core.config.mjs

@@ -5,5 +5,6 @@ export const core = {
   date_time_format: "dd-MM-yyyy HH:mm",
   time_format: "HH:mm",
   is_thai_year: false,
+  is_thai_month: false,
   site_name: ""
 };

package/dist/runtime/utils/TimeHelper.mjs

@@ -1,16 +1,22 @@
 import { addHours, format, formatISO, isDate, isValid, parse, subHours, addYears } from "date-fns";
 import { useCoreConfig } from "#core/composables/useConfig";
+import { th } from "date-fns/locale";
 const dateFormat = useCoreConfig().date_format;
 const dateTimeFormat = useCoreConfig().date_time_format;
 const timeFormat = useCoreConfig().time_format;
 const isThaiYear = useCoreConfig().is_thai_year;
+const isThaiMonth = useCoreConfig().is_thai_month;
 export class TimeHelper {
   static thaiFormat = (dateStr, formatStr) => {
     let newDateStr = dateStr;
+    const options = {};
     if (isThaiYear) {
       newDateStr = addYears(dateStr, 543);
     }
-    return format(newDateStr, formatStr);
+    if (isThaiMonth) {
+      options.locale = th;
+    }
+    return format(newDateStr, formatStr, options);
   };
   static displayDate = (time) => {
     if (!time) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.39",
+  "version": "1.4.41",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",