@finema/core 1.4.213 → 1.4.215

package/dist/module.json

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

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import { defu } from 'defu';
 
 const name = "@finema/core";
-const version = "1.4.213";
+const version = "1.4.215";
 
 const colorModeOptions = {
   preference: "light"

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

@@ -43,7 +43,7 @@ import { type ISelectFieldProps } from '#core/components/Form/InputSelect/types'
 const emits = defineEmits(['change'])
 const props = withDefaults(defineProps<ISelectFieldProps>(), {
   searchablePlaceholder: 'ค้นหา...',
-  searchable: () => true,
+  searchable: true,
 })
 
 const { value, wrapperProps, handleChange } = useFieldHOC<any>(props)

package/dist/runtime/components/Form/InputSelect/types.d.ts

@@ -10,7 +10,7 @@ export interface ISelectFieldProps extends IFieldProps {
     loading?: boolean;
     uiMenu?: object | any;
     options: IOption[];
-    searchable?: (q: string) => IOption[] | boolean;
+    searchable?: ((q: string) => PromiseLike<IOption[]>) | boolean;
 }
 export type ISelectField = IFormFieldBase<INPUT_TYPES.SELECT, ISelectFieldProps, {
     change?: (value: string) => void;

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

@@ -91,6 +91,13 @@
               </p>
             </div>
             <div :class="[ui.action.wrapper]">
+              <a v-if="isPDFFromPath(value.path)" :href="value.url" target="_blank">
+                <Icon
+                  :name="ui.action.previewIcon"
+                  :class="[ui.action.iconClass]"
+                  title="ดูตัวอย่าง"
+                />
+              </a>
               <Icon
                 v-if="isImageFromPath(value.path)"
                 :name="ui.action.previewIcon"
@@ -172,6 +179,7 @@ import {
   useFileProgress,
   isImageFromPath,
   useFileSize,
+  isPDFFromPath,
 } from '#core/helpers/componentHelper'
 import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
 import { useFieldHOC } from '#core/composables/useForm'

package/dist/runtime/components/Form/InputUploadDropzoneAutoMultiple/ItemView.vue

@@ -37,6 +37,9 @@
             title="ดูตัวอย่าง"
             @click="() => (isPreviewOpen = true)"
           />
+          <a v-if="isPDFFromPath(selectedFile.path)" :href="selectedFile.url" target="_blank">
+            <Icon :name="ui.action.previewIcon" :class="[ui.action.iconClass]" title="ดูตัวอย่าง" />
+          </a>
           <Icon
             :name="ui.action.downloadIcon"
             :class="[ui.action.iconClass]"
@@ -62,7 +65,12 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { downloadFileFromURL, isImageFromPath, useFileSize } from '#core/helpers/componentHelper'
+import {
+  downloadFileFromURL,
+  isImageFromPath,
+  isPDFFromPath,
+  useFileSize,
+} from '#core/helpers/componentHelper'
 import { type uploadFileDropzone } from '#core/ui.config'
 import type { IUploadDropzoneAutoMultipleProps } from '#core/components/Form/InputUploadDropzoneAutoMultiple/types'
 import { ref, StringHelper } from '#imports'

package/dist/runtime/helpers/componentHelper.d.ts

@@ -4,6 +4,7 @@ export declare const checkFileType: (file: File, acceptFileType: string | string
 export declare const generateURL: (file: File) => string;
 export declare const isImage: (file: File) => boolean;
 export declare const isImageFromPath: (path?: string) => boolean;
+export declare const isPDFFromPath: (path?: string) => boolean;
 export declare const useFileAllocate: (selectedFile: Ref<File | undefined | null>, props: {
     accept?: string | string[];
     maxSize?: number;

package/dist/runtime/helpers/componentHelper.mjs

@@ -41,6 +41,11 @@ export const isImageFromPath = (path = "") => {
   const extension = path.toLowerCase().substring(path.lastIndexOf("."));
   return imageExtensions.includes(extension);
 };
+export const isPDFFromPath = (path = "") => {
+  const imageExtensions = [".pdf"];
+  const extension = path.toLowerCase().substring(path.lastIndexOf("."));
+  return imageExtensions.includes(extension);
+};
 export const useFileAllocate = (selectedFile, props) => {
   const selectedFileSizeKb = computed(() => ((selectedFile.value?.size || 0) / 1e3).toFixed(2));
   const selectedFileSizeMb = computed(

package/package.json

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